CSS 中的值类型

规范地址: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

每像素点数。