CSS基础知识及介绍——CSS的4种引入方式

最新推荐文章于 2021-02-02 11:37:56 发布

混吃混喝的废物

最新推荐文章于 2021-02-02 11:37:56 发布

阅读量125

点赞数

分类专栏： DIV+CSS 文章标签： CSS CSS引入方式

本文链接：https://blog.csdn.net/qq_37196494/article/details/95975163

版权

DIV+CSS 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

第一种，直接把CSS代码添加到HTML的标识符（tag）里

example：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<title>CSS选择器</title>
</head>
<body>
     <p style="color: red">红色文字</p>
</body>
</html>

第二种：把CSS代码添加到HTML的头信息标识符<head>里的<style>块里

example：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<title>CSS选择器</title>
	<style type="text/css">
	p{color: red;}
	</style>
</head>
<body>
     <p>红色文字</p>
</body>
</html>

第三种：用链接样式表的方法，也就是通过类似<link rel="stylesheet" href=" *.css " media=" screen">的语句。引入css文件，而把css声明部分的代码写到对应的css文件里。

example：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<title>CSS选择器</title>
	<link rel="stylesheet" type="style.css" href="screen">
</head>
<body>
     <p style="color: red">红色文字</p>
</body>
</html>
 <！-----style.css文件--->
 p{color:red}
 PS：“*.css”是单独保存的样式表文件，其中不能包含<style>标识符，并且只能以css为后缀

第四种：联合使用样式表