CSS 長度單位

CSS 長度單位

CSS 長度單位可以分為兩大類:絕對單位以及相對單位。

相對單位包括:

  • px: pixels
  • em: em
  • ex: x 字母的高度

絕對單位包括:

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

如果沒有註明單位,那預設的單位是 px。

 

p {font-size:9px;}

愛凸悅斯字體大小 9px。

p {font-size:3em;}

愛凸悅斯字體大小 3em。

p {font-size:3ex;}

愛凸悅斯字體大小 3ex。

p {font-size:0.8cm;}

愛凸悅斯字體大小 0.8 cm。

p {font-size:0.3in;}

愛凸悅斯字體大小 0.3 inch。

p {font-size:10mm;}

愛凸悅斯字體大小 10 mm。

p {font-size:20pt;}

愛凸悅斯字體大小 20 pt。

p {font-size:2pc;}

愛凸悅斯字體大小 2 pc。