CSS:层叠样式表的缩写 就是 Cascading Style Sheets
Cascading Style Sheets : 层叠样式表
优先级问题 ：遵守就近原则 内联> 内部>外部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>CSS AND HTML</title>
<style>
/* 2.内部方式使用*/
div{
font-size:40px;
/*font-family: "隶书";*/
/* font-family: "隶书";*/
}
p{
font-size: 20px;
}
#01>.02{
color: red;
}
/* 3.外部引用方式 位置在 head标签里面 */
</style>
<link rel="stylesheet" type="text/css" href="../css/01.css"/>
</head>
<!-- CSS 使用方法 三种-->
<body>
<!-- 1.内联方式使用CSS -->
<h1 style="color:red; background:black; font-size:30px;"> 内联方式 直接在body内部中的标签使用</h1>
<hr>
<div>探清水河</div>
<div>桃叶尖上尖</div>
<div>柳叶弯弯</div>
<p>难受 舒服</p>
<hr>
</body>
</html>