HTML5权威指南——CSS的长度

CSS的长度分为两种，相对的和绝对的。相对的肯定就是有参照物的，在参照物的基础上放缩。但奇怪的是px是相对长度。

绝对长度

绝对长度就是现实世界的度量单位，为打印文档设计样式可以使用这种单位。

单位标识符	说明
in	英寸
cm	厘米
mm	毫米
pt	磅(1/72英寸)
pc	pica（1pica等于12磅）

相对长度

单位标识符	说明
em	与元素字号挂钩
ex	与元素字体的“x高度”挂钩
rem	与根元素的字号挂钩
px	css像素
%	另一个属性值的百分比

例如：
2em就是当前font-size的两倍。
1ex一般就是当前字母x的高度，1ex=0.5em。
rem则是根据根元素（html元素）的字号来计算，若根元素的字号为0.2in那么2rem即为0.4in。
px不必多说。
%需要注意的是并非所有属性都可用%，还有一个与%挂钩的其他属性值并非完全相同，如font-size挂钩的是继承到的font-size，而width则是元素包含块的宽度。