CSS單位

  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:其值取瀏覽器窗口長或寬最大的一個計算其百分比

  %相對於父元素的百分比長度

相關文章
相關標籤/搜索