1. CSS的使用
CSS样式由一条或多条以分号隔开的样式声明组成,每条声明的样式包含着一个CSS属性和属性值。
2. CSS使用的三种方式
(1)元素内嵌样式
<p style = "color:red; font-size:16px;">这是一段有样式的文本</p>
即在当前元素使用style属性的声明方式
(2)文档内嵌样式
在head元素之间创建style元素,通过选择器的方式调用指定的元素并设置相关CSS
<style type =“text/css”>
p{
color:red;
font-size:16px;
}
</style>
(3)外部引用样式
<link rel = "stylesheet" type = "text/css" href = " style.css">
将CSS样式保存在一个单独的.css文件中,然后通过link元素引入
3. 层叠和继承
样式表层叠指的是同一个元素通过不同方式设置样式表产生的样式重叠
样式表继承指的是某一个被潜逃的元素得到它父元素样式
(1)浏览器样式
为一个元素在浏览器运行时默认附加的样式
(2)样式表层叠
优先级由低到高:
浏览器样式(元素自身携带的样式)
外部引入样式(使用link引入的样式)
文档内嵌样式(使用style元素设置)
元素内嵌样式(使用style属性设置)
如果某一个样式被优先级高的给替换掉了,却又想执行这个样式方案,可以将这个方案标记为重要样式(important )
如:color:red !important;
(3)样式继承
如果某一个元素并没有设置父元素相关的样式,那么就会使用继承机制将父元素的样式继承下来
样式的继承只适用于元素的外观(文字、颜色、字体等),而元素在页面上的布局样式则不会被继承,如果要继承这种样式,就必须使用强制继承:inherit