【CSS 渲染DOM树过程】

起始：DOM树、样式规则

filtering

对应用到该页面的规则用以下条件进行筛选：选择器匹配、属性有效、符合当前media等

声明值：

Declared Values，一个元素的某属性可能有0到多个声明值。比如：
p { font-size:16px } 和
p.text { font-size:1.2em }

cascading

按照来源、!important、选择器特异性、书写顺序等选出优先级最高的一个属性值

层叠值：

Cascaded Value，在层叠过程中，赢得优先级比赛的那个值。比如 1.2em

defaulting

当层叠值为空的时候，使用继承或初始值

指定值:

Specified Value，经过cascading 和 defaulting 之后，保证指定值一定不为空

resolving

将一些相对值或者关键字转化成绝对值，比如 em 转为 px，相对路径转为绝对路径

计算值:

Computed Value，一般来说是，浏览器会在不进行实际布局的情况下，所能得到的最具体的值。比如 60%

formatting

将计算值进一步转换，比如关键字、百分比等都转为绝对值

使用值:

Used Value，进行实际布局时使用的值，不会再有相对值或关键字。比如 400.2px;

constraining

将小数像素值转为整数

实际值:

渲染时实际生效的值，比如 400px