一、CSS 指层叠样式表 (CascadingStyleSheets)
1.样式定义如何显示HTML 元素;
2.样式通常存储在样式表中;
3.外部样式表通常存储在CSS 文件中.
二、规则
三、样式分类
1、内部样式
<head>
<style>
p{
color:#f00;
font-size:80px;
}
</style>
</head>
<body>
<p>XXXXXX</p>
</body>
2、外部样式
使用<link>标签链接到样式表.
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css"/>
浏览器会从文件 mystyle.css 中读到样式声明.
</head>
3、内联样式
<body>
<p style="color:#f00;margin-left:20px">XXX</p>
</body>
四、层叠次序——当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢?
一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。
1.浏览器缺省设置
2.外部样式表
3.内部样式表(位于 标签内部)
4.内联样式(在 HTML 元素内部)