在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学院版权所有,转载请注明出处,谢谢合作!)
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学院版权所有,转载请注明出处,谢谢合作!)