规范地址:css3-values
时间:2013-09-25
注意:此文档在此时尚未成为正式版
前言
刚刚看到一篇文章提到了众多 css 单位,一个都不认识……于是就翻出了规范瞧瞧。下面我就摘抄一些我不认识或概念模糊的单位。
长度单位
首先,值为 0 是不需要写单位的。
相对长度 relative length
相对长度就是说该长度依赖于其他长度。使用相对长度的目的是为了在不同输出环境中更好的缩放。
子元素不会继承父元素的相对值,它们继承的是计算值。
字体相对长度 font-relative length
em
等于元素的 font-size 属性。
ex
第一个可用字体的 x 的高度。我好像没见有人用这个。
ch
字体中符号 0 的宽度,更没见过了。
rem
等于根元素的 font-size 的计算值。这个倒是很有用。
视口百分比长度 viewport-percentage length
这些单位相对于初始包含块的尺寸。该包含块的尺寸改变时,这些长度也会随着缩放。
vw
初始包含块宽度的 1%。
vh
初始包含块高度的 1%。
vmin
vw 或 vh 中的较小值。
vmax
vw 或 vh 中的较大值。
其他单位
角度
deg
角度。一个圆有 360°。
grad
梯度。一个圆有 400 梯度。
rad
弧度。一个圆有 2π 个弧度。
turn
圈数。一个圆就是一圈。
时间
s
秒
ms
毫秒
频率
Hz
赫兹。表示每秒发生的次数。
kHz
千赫。表示 1000 赫兹。
分辨率
dpi
每英寸点数。
dpcm
每厘米点数。
dppx
每像素点数。