CSS 字型大小 Pt、px、em 說明

Introduction

紀錄 CSS Unit 的說明。

Conetent

以下列出 pt、px、em 在 CSS 樣式中的單位說明

• pt(point)

  一般印列用字體尺寸，網頁一般不推薦使用
  絕對長度單位。點（Point）。
  1in = 2.54cm = 25.4 mm = 72pt = 6pc (引自CSS2.0手冊)

• px(pixel)

  像素，相對長度單位。像素 px 是相對於顯示器屏幕分辨率而言的。 (引自CSS2.0手冊)

• em

  相對長度單位，類似百分比，相對於當前對象內文本的字體尺寸。如當前對行內文本的字體尺寸未被人為設置，則相對於瀏覽器的默認字體尺寸 (引自CSS2.0手冊)。
  1em = 100% = 12pt = 16px = 瀏覽器預設尺寸

Reference

• W3schools CSS Units
• W3C units
• px to em 換算表
• CSS 2.0 中文手冊