长度值
CSS 的类型表示距离测度。它是一个 后紧随一个长度单位(px,em,px,in,mm,…)。和任何 CSS 尺寸一样,数字和单位之间没有空格。 0之后的长度单位是可选的。
许多CSS属性使用值,比如width、margin、padding、font-size、border-width、text-shadow…
相对长度单位
- em 相对长度单位,这个单位表示元素的font-size的计算值。如果用在font-size 属性本身,它会继承父元素的font-size。 这个单位常用于创建可伸缩布局,这样即便用户更改了字体尺寸,也可以保持 vertical rhythm of the page。CSS属性line-height,font-size,margin-bottom和margin-top常具有一个用em表示的值。
- ex 这个单位表示元素font的 x-height 。在“X”字母的字体,这是一般字体中的小写字母的高度;在很多字体中 1ex ≈ 0.5em。
- rem 这个单位代表相对于根元素的 font-size 大小(例如 font-size 元素)。当用在 font-size 在根元素,它代表了它的初始值。
绝对长度单位
绝对长度单位代表一个物理测量,当输出介质的物理性质是已知的,如用于打印布局。这是通过将一个单元锚定到一个物理单元,并将其定义为相对于它的另一个。对于低分辨率的设备,如屏幕、高分辨率设备,如打印机,该锚定是不同的。
低DPI设备,单位像素代表物理参考像素和其他人是指相对于它。因此,在定义为96px等于72pt。这个定义的结果是,在这样的设备,长度在英寸(in),厘米(cm),毫米(mm),没有必要匹配的物理单位的长度相同的名称。
高DPI设备,英寸(in),厘米(cm),毫米(mm)被定义为他们对应的实体。因此,px单位和他们相关(1 / 96 英寸)。
- px 与显示设备相关。 对于屏幕显示,通常是一个设备像素(点)的显示。 对于打印机和高分辨率的屏幕,一个CSS像素意味着多个设备像素,因此,每英寸的像素的数量保持在96左右。
- mm 毫米。
- cm 厘米(10毫米)。
- in 英寸(2.54厘米)。
- pt 磅(1/72 英寸)。
- pc 12 点活字 (1 pc 等于 12 点)。