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%]。