尺寸单位
单位 |
属性 |
描述 |
px |
相对 |
Pixel。相对屏幕分辨率。win96像素/英寸。MAC72像素/英寸。 |
em |
相对 |
相对于字体。例如:字体14px。1em=14px。2em=28px。 |
rem |
相对 |
相对于根元素HTML的字体大小,广泛应用于移动端适配 |
vw |
相对 |
视口宽度的1/100 |
vh |
相对 |
视口高度的1/100 |
vmin |
相对 |
相对于视口的宽度或高度中较小的那个 |
vmax |
相对 |
相对于视口的宽度或高度中较大的那个 |
% |
相对 |
百分比 |
ex |
相对 |
字体的x-height。字母x的高度。 |
ch |
相对 |
数字0的宽度。和ex 类似 |
in |
绝对 |
英寸。1in = 2.54cm |
cm |
绝对 |
厘米 |
mm |
绝对 |
毫米 |
pt |
绝对 |
points。 (1 pt 等于 1/72 英寸)。 |
pc |
绝对 |
派卡(Pica)。1in = 2.54cm = 25.4 mm = 72pt = 6pc |
null |
无单位 |
margin: 0;line-height: 1.5; |
颜色单位
单位 |
描述 |
(颜色名) |
颜色名称 。例如:red |
rgb() |
RGB 值 。例如:rgb(255,0,0) |
rgba() |
颜色加透明度。例如:rgb(255,0,0,0.5) |
rgb(x%, x%, x%) |
RGB 百分比值 。例如:rgb(100%,0%,0%) |
#rrggbb |
十六进制数 。例如:#ff0000 |
hsl() |
色调、饱和度以及亮度。例如:hsl(0,100%,50%) |
hsla() |
和rgba 是一样的 |
R、G、B 数值范围[0-255]。A是[0-1]。0是完全透明。
#rrggbb 十六进制的[0-15]所以是[0-f]
hsl:h在[0-360],s在[0-100%],l在[0-100%]。