首頁  >  文章  >  web前端  >  CSS 字體大小聲明中的斜線 (/) 有何作用?

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

Linda Hamilton
Linda Hamilton原創
2024-11-11 01:44:03751瀏覽

What does the slash (/) do in CSS font size declarations?

用斜線了解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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn