CSS的长度分为两种,相对的和绝对的。相对的肯定就是有参照物的,在参照物的基础上放缩。但奇怪的是px是相对长度。
绝对长度
绝对长度就是现实世界的度量单位,为打印文档设计样式可以使用这种单位。
单位标识符说明
in英寸cm厘米mm毫米pt磅(1/72英寸)pcpica(1pica等于12磅)
相对长度
单位标识符说明
em与元素字号挂钩ex与元素字体的“x高度”挂钩rem与根元素的字号挂钩pxcss像素%另一个属性值的百分比
例如: 2em就是当前font-size的两倍。 1ex一般就是当前字母x的高度,1ex=0.5em。 rem则是根据根元素(html元素)的字号来计算,若根元素的字号为0.2in那么2rem即为0.4in。 px不必多说。 %需要注意的是并非所有属性都可用%,还有一个与%挂钩的其他属性值并非完全相同,如font-size挂钩的是继承到的font-size,而width则是元素包含块的宽度。