06 文字單位換算

簡介

CSS文字單位可分為兩大類:絕對單位(absolute)、相對單位(relative)。

絕對單位:
  • in:吋
  • cm:公分
  • mm:公厘
  • pt:points,1pt = 1/72吋 
  • pc:picas,1pc = 12pt

相對單位:
  • px:pixels
  • em:em
  • ex:x字母的高度
如果沒有註明單位,預設單位是px,以下提供 em與px轉換計算機網址。





各單位範例顯示

CSS 樣式顯現結果

p {font-size:9px;}

文字大小為 9px。

p {font-size:3em;}

文字大小為 3em。

p {font-size:3ex;}

文字大小為 3ex。

p {font-size:0.2in;}

文字大小為 0.2 inch。

p {font-size:0.5cm;}

文字大小為 0.5 cm。

p {font-size:12mm;}

文字大小為 12 mm。

p {font-size:24pt;}

文字大小為 24 pt。

p {font-size:2pc;}

文字大小為 2 pc。




Comments