在CSS属性中有时候需要设置一些长度值，比如width属性用于设置元素的宽度。其中在设置width属性值的时候我们需要给其加上单位标识符px、cm等。CSS规定了两种类型的长度单位，一种是绝对单位，另一种是与其他属性挂钩的相对单位。
1、绝对单位
绝对单位指的是cm、mm这类现实生活的度量单位，CSS支持五种绝对单位in英尺、cm厘米、mm毫米、pt磅、pc pica。
2、相对单位
相对长度需要依赖于其他类型的单位，它的规定和使用更复杂。常见的相对单位有：em与元素字号挂钩，ex与元素字体的“x高度”挂钩，rem与根元素的字号挂钩，px CSS像素，%另一属性的值得百分比。其中与字号挂钩的相对单位em和像素单位px运用较常见。首先我们来看看em，em相对于当前元素的字体大小，比如在CSS样式中我们设置p标签font-size:27px;height:2em，那么这里面的height的属性值实际上的数值是字号的两倍。而像素一般是指相对于显示器上可寻址的最小单位。
我们在CSS中，一条样式是可以混合多种单位，包括混合使用绝对单位和相对单位。当然使用绝对单位的前提是我们能预先知道内容的呈现方式，但相对定位更灵活、更容易管理，而且我们开发基本都是处于虚拟世界之中。
（PHP开发、WEB前端、UI设计、VR开发专业培训机构—V客IT学院版权所有，转载请注明出处，谢谢合作！）