CSS em：字型高度

em 是 CSS 中的一個相對單位，用來設定 HTML 元素相對字型的高度，它能夠根據字型的 font-size 屬性值來確定具體的大小。1em 等於一個 font-size 的大小。

【範例1】在下面樣式中定義段落文字行高為字型大小的 2 倍。

p{  /*設定段落文字屬性*/
    font-size: 12px;
    line-height: 2em;  /* 行高為24px */
}

從上面樣式程式碼中可以看出：一個 em 等於 font-size 的屬性值，如果設定font-size: 12pt，則line-height: 2em就會等於 24pt。

如果設定 font-size 屬性的單位為 em，則 em 的值將根據父元素的 font-size 屬性值來確定。

例如有下面的 HTML 結構：

<div id="main">
    <p>em 相對長度單位使用</p>
</div>

為它設定如下的 CSS 樣式：

#main { font-size: 12px; }
p { font-size: 2em; }

則 p 元素裡面的字型大小將為 24px。

同理，如果父物件的 font-size 屬性的單位也為 em，則將依次向上級元素尋找參考的 font-size 屬性值，如果都沒有定義，則會根據瀏覽器預設字型進行換算，預設字型一般為 16px。