css单位分为绝对单位(absolute units)和相对单位(relative units)。绝对单位就是不受其他数值的影响，在任何地方使用相同的值都会出现相同的效果。而相对单位就是会受其他元素影响，在不同的地方使用相同的值可能效果也会不同。看下下面这个表

我想吐嘈的是，W3C的标准不是一般的晦涩，特别是中文翻译，看了好几遍仍然搞不懂在说什么。只好硬着头皮去看英文。果然我还是太年轻了，看英文看得我递归懵逼。不过再看了几篇前辈的文章之后再回来看，感觉好像理解了一点了。我争取用比较易懂的语言描述一下line-height和vertical-align属性。

下文如果没有特别说明，static元素指的就是设置postion:static的元素或者没有设置position的元素。设置了position的元素指的是设置了除static以外值的元素。

1 ISO 8601标准

很多语言都有实现ISO 8601标准。所以我们有必要了解一下ISO 8601标准。ISO 8601标准，全称是《数据存储和交换形式·信息交换·日期和时间的表示方法》。该标准已经到了第三版“ISO8601:2004”，用以替代第一版“ISO8601:1988”和第二版“ISO8601:2000”。

1.1 表示日期的方法

首先是只使用数字为基本格式，例如20161206。使用了短横线隔开的为扩展格式，例如2016-12-06

我们可以把网页中的每个元素看作一个盒，所谓的页面的布局就是把每个盒按照一定规则排列起来最终形成页面。

CSS 视觉格式化模型的一部分工作是从文档元素生成盒。生成盒拥有不同类型，并对视觉格式化模型的处理产生影响。生成盒的类型取决于 CSS 属性。