首頁 > web前端 > css教學 > CSS 字體聲明中的斜線 (/) 有何意義?

CSS 字體聲明中的斜線 (/) 有何意義?

DDD
發布: 2024-11-09 17:37:02
原創
644 人瀏覽過

What is the meaning of the slash (/) in CSS font declarations?

了解CSS 字體大小調整中的斜杠

CSS 字體聲明中的斜杠(/),如下例所示,具有特定的含義含義:

font: 100%/120%;
登入後複製
登入後複製

與常規字體聲明不同,此語法設定多個與字體相關的屬性同時:

font-size: 100%;
line-height: 120%;
登入後複製

根據CSS 文檔,此速記符號基於傳統的印刷約定。印刷師經常使用“x pt on y pt”格式來表示字形(字元)大小和行高。

在範例中,「100%」指的是字體大小,而「120%」指的是字體大小到行高。行高決定文字行之間的垂直間距。行高為 120% 意味著垂直間距將為字體大小的 120%。

請注意,字體速記符號至少需要指定字體大小和系列。因此,以下聲明無效:

font: 100%/120%;
登入後複製
登入後複製

要使其有效,可以添加通用字體系列名稱:

font: 100%/120% serif;
登入後複製

以上是CSS 字體聲明中的斜線 (/) 有何意義?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板