CSS中表示長度的屬性頗有多種,如經常使用的px,em等等。若是長度的值爲0,則能夠省略掉單位。瀏覽器
在CSS中對於長度的分類有着兩大類——絕對長度和相對長度,接下來就來一一介紹吧。字體
cm: 公分(centimeters)spa
mm: 毫米(millimeters)rem
in: 英寸 (inches )(1in = 96px = 2.54cm)im
px : 像素點(pixels)(1px = 1/96th of 1in)margin
pt: 點(points )(1pt = 1/72 of 1in)poi
pc: 十二點活字(picas) (1pc = 12 pt)co
em: 相對於元素的字體大小(2em意味着當前字體大小的2倍)cas
ex: 相對於當前字體的x高度(不多使用)time
ch: 相對於「0」的寬度(零)
rem: 相對於根元素的font-size
vw: 其值相對於瀏覽器窗口大小寬度的百分比(若是瀏覽器寬100釐米,1vw = 1釐米)
vh: 相對於瀏覽器窗口大小高度的百分比(若是瀏覽器高100釐米,1vw = 1釐米)
vmax:其值取瀏覽器窗口長或寬最大的一個計算其百分比
%:相對於父元素的百分比長度