1、继承
<body style="font-family: 'Microsoft YaHei'">
<div>文档头</div>
<div>
<p>title</p>
<span>body</span>
</div>
<div>文档尾部</div>
通过font-family属性实现继承
可继承属性:颜色、字体属性,字体颜色类
color: red;
font: "";
text-align: center;
list-style: circle;
....
不可继承属性:背景、边框、位置属性,背景边框类
background: center;
border: 100px;
position: absolute;
....
强制继承parent的font-size属性
font-size: inherit;
2、优先级
- 行内样式
- id选择器
- 类、伪类和属性选择器
- 标签、伪元素选择器
3、层叠
- 属性 相同的:后面的会覆盖掉前面的
- 属性不相同:合并
.pic{//关键字!important会覆盖掉之前的样式
color: red !important;
}