CSS 的三种样式内联内部外部

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: "隶书";*/

}
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>

CSS 的三种样式 内联 内部 外部

CSS 的三种样式内联内部外部