澄清什麼CSS字體大小措施

Question

我正在閱讀由Eric邁耶第三版CSS權威指南。

他的字體大小部分（第107頁）指出字體大小決定了em盒子。如果我這樣做：

span { font-size: 10px; } 

它是否將em盒的水平和垂直設置爲10px？他將測量稱爲基線之間的距離。

我想我有點困惑，爲什麼它被稱爲「盒子」，而不是僅僅是高度，如果它只是測量垂直距離。

Answer 1

「em」可用作垂直或水平測量的相對測量單位。

因此，如果當前字體大小設置爲12px，那麼在子元素上設置margin：1em會在其周圍創建12px的邊距。如果您隨後將父元素的字體大小更改爲16px，則邊距也會增加到16px。

Answer 2

有無W3C規範的Font size: the 'font-size' property的讀取..

的字體尺寸對應於EM 正方形，在排版中使用的概念。