当某一个html元素定义了多个CSS样式，css会使用哪种样式呢? css样式会按叠层的规则来对html元素进行优先级的应用。
第一级为：行内样式（在html标签内）
第二级为：外部链接样式和内部样式（在head标签内）
第三级为：浏览器默认样式。
实例代码：
1 <!doctype html>
2 <html>
3 <head>
4 <meta charset="uft8">
5 <link rel="stylesheet" type="text/css" href="css/style-12.css">
6 <style>
7 body{
8 background-color:linen;
9 }
10 </style>
11 </head>
12
13 <body style="background-color:lavender">
14 <h1>多重样式会层叠为一</h1>
15 <p>在此处，本页面的背景色同时由行内Css，内部css或外部css设置</p>
16 <p>请尝试通过删除样式来查看级联样式表的工作方式（尝试首先删除行内css，然
后是内部，最后是外部）</p>
17 </body>
18 </html>
css样式代码：css/style-12.css
1 body{
2 background-color:red;
3
4 }
运行效果：
评论