前几日 HTML5 兴趣小组讨论的话题中设计到这四个值，鄙人傻傻分不清楚，所以贯彻一下求是之精神， 仔细查阅了相关文档，一窥究竟。
Specified Value
即设定值，文档样式表中所设定的值，可以是：
<link type="stylesheet">标签里指定的 CSS 文件中设定的值<style>标签中所设定的值- 内联 style 属性中所设定的值
如果没找到样式设定，则从父节点上继承 （inheritance）。例如：
<div style="font:helvetica;">
<p></p>
</div>
p 标签没有指定 font 样式，则从父节点 div 上继承，也就是 helvetica
如果仍然没找到，即 initial ，为浏览器默认值。
Computed Value
即计算值
将所设定值中为相对值的，转换为绝对值（例如 em 单位、百分比、或者 url() 中的相对路径）。
div {
font-size: 12px;
padding-top: 1.5em;
}
// 转换为
div {
font-size: 12px;
padding-top: 18px
}
有些值，单从 CSS 是推不出的，例如 width、margin-right、text-indent、top 等，这些值的 Computed Value ，仍然保留为相对值，直到 Used Value 被推导出来。
Used Value
即使用值，CSS 属性最终被计算出来的值，可以通过调用 window.getComputedStyle 取得。维度值（width、line-height 等）都以像素为单位，简写属性（例如 background）都与组成属性 （例如 backgroung-color ）同步，display 与 position 和 float 也达成一致，所有的 CSS 属性都有值。
计算值是在不渲染页面的前提下尽可能计算出的值。但有些值，只能在文档被展示时才能推出来。例如， 如果一个节点的宽度值为其容器的百分之多少，则这个宽度在容器节点宽度被算出来之前是无从计算的。
而使用值，即解决所有剩余依赖之后，计算出的绝对值。
所以计算值与使用值的区别是，前者是在页面展现之前，仅处理样式时能得出的尽可能接近绝对的结果； 而后者则是页面展示时，得出的绝对值。
Resolved Value
即决定值
- line-height
- 使用值即决定值
- height
- margin
- margin-bottom
- margin-left
- margin-right
- margin-top
- padding
- padding-bottom
- padding-left
- padding-right
- padding-top
- width
- 如果属性应用到节点或者伪节点，且该节点的 display 决定值不为 none，则使用值即决定值；反之， 则计算值即决定值。
- bottom
- left
- right
- top
- 如果属性应用到定位节点，且该节点 display 决定值不为 none，则使用值即决定值；反之， 则计算值即决定值。
- 其他属性
- 计算值即决定值