1.1层叠

解决样式冲突的一系列规则。依靠三种条件：
（1）样式表的来源
（2）选择器的优先级
（3）源码顺序

1.1.1样式表的来源

优先级从低到高。
用户代理样式表（浏览器默认样式）：为标题<h1>~<h6>和段落<p>添加上下外边距；为列表<ol>和<ul>添加左侧内边距；为链接添加颜色；为元素设置各种默认字号。
用户样式表：优先级介于用户代理样式表和作者样式表之间，一般少见。
作者样式表：自己写的样式。
!important：重要的声明。

1.1.2优先级

浏览器分为两种：
（1）行内样式；
（2）选择器样式

（1）行内样式

style属性写的样式，只会作用于当前元素，是“带作用域的”声明。
但!important的优先级更高。

（2）选择器优先级

不同选择优先级不同，（网上都有）
link、visit、hover、active四个的顺序记忆法（LoVe,HAte）

（3）优先级标记

0，1，1，0（网上都有）

1.2继承

继承的属性一般是跟文本相关的属性：color, font，font-family, font-size, font-weight, font-variant, font-style, font-style, line-height, letter-spacing, text-align, text-indent, text-transform, white-space, word-spacing.
还有一些属性，列表属性是list-style, list-style-type, list-style-position, list-style-image.
表格的边框属性是border-collapse, border-spacing.

1.3特殊值

有两个特殊值可以赋给任意属性，用于控制层叠：inherit和initial。
inherit作用：
（1）继承父元素的样式。

.foot a {
     color: inherit;
} 

（2）强制继承一个通常不会被继承的属性。
initial作用：将元素属性设为默认值。
例如，想要删除一个border的边框，直接设置border:inherit即可。