CSS长度

长度值

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 点)。