CSS 字體簡寫中的斜線是什麼意思？

理解CSS 字體簡寫中的斜槓

在CSS 中，font 屬性提供了一種在單一聲明中設定多個與字體相關的屬性的便捷方法。但是，在此屬性中使用斜線可能會造成混淆。

斜槓表示什麼？

以下CSS 屬性中的斜槓：

font: 100%/120%;

實際上設定了兩個單獨的屬性，相當於：

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

根據官方CSS 文檔，此語法模仿傳統的印刷簡寫，將字體大小指定為“x pt on y pt”，其中“x”代表字形大小， "y"行高。

排版傳統

在印刷排版世界中，通常使用這種「x on y」表示法來指定字體，CSS 繼承了這個概念。斜線字元劃分字體大小和行高值，就像在列印版本中一樣。

語法要求

但是，需要注意的是，這種速記符號需要同時指定字體家庭和規模。您的問題中提供的範例 font: 100%/120%; 無效，將被瀏覽器忽略。要使其有效，您必須添加字體系列，例如：

font: 100%/120% serif;

透過了解CSS字體屬性中斜線的含義，您可以有效控製文字中文字的大小和行距網頁設計。

以上是CSS 字體簡寫中的斜線是什麼意思？的詳細內容。更多資訊請關注PHP中文網其他相關文章！