CSS 字體大小聲明中的斜線 (/) 有何作用？

用斜線了解CSS字體大小

在CSS中，我們在定義字體大小時經常會遇到斜線（/）。這可能看起來令人困惑，但它實際上有一個重要的目的。

考慮以下 CSS 陳述：

font: 100%/120%;

斜槓在這裡做什麼？

斜線代表兩個之間的分隔properties:

• font-size: 設定文字的大小。
• line-height: 控制行之間的垂直間距文字。

所以，上面的聲明是等價的to:

font-size: 100%;
line-height: 120%;

官方定義：

根據 CSS文件，「此屬性的語法基於傳統的印刷速記符號來設定多個屬性與字體相關。」

印刷歷史：

在傳統排版中，通常將字體大小指定為“x pt on y pt”，表示字形大小和行高。此表示法使用斜線反映在 CSS 字體簡寫中。

瀏覽器處理：

請注意，使用字體簡寫時必須指定字體大小和系列符號。僅使用字體：100%/120%；不正確，將被瀏覽器忽略。但是，您可以包含通用姓氏以使其有效：

font: 100%/120% serif;

以上是CSS 字體大小聲明中的斜線 (/) 有何作用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！