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

最新推荐文章于 2024-08-18 12:13:08 发布

weixin_30553777

最新推荐文章于 2024-08-18 12:13:08 发布

阅读量494

点赞数

原文链接：http://www.cnblogs.com/ZXF6/p/10406516.html

版权

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>

<body>

<h1 style="color:red; background:black; font-size:30px;"> 内联方式直接在body内部中的标签使用</h1>
<hr>
<div>探清水河</div>
<div>桃叶尖上尖</div>

</body>
</html>

转载于:https://www.cnblogs.com/ZXF6/p/10406516.html