css 所有的单位

尺寸单位

单位	属性	描述
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%]。