首頁 > web前端 > css教學 > CSS 字體簡寫中的正斜線是什麼意思?

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

DDD
發布: 2024-12-03 07:12:10
原創
925 人瀏覽過

What Does the Forward Slash Mean in CSS Font Shorthand?

CSS 字體簡寫:解開正斜杠的含義

CSS 字體簡寫屬性可讓您將字體屬性聲明壓縮為單一字體屬性線。但是分隔兩個值的正斜線 (/) 表示什麼?

問題:

在以下 CSS 中:

font: 12px/18px ...
登入後複製

做什麼值「12px」和「18px」代表?

答案:

正斜線用作視覺指示符,分隔兩個不同的字體屬性:

  • 12px :這是字體大小,表示個人的身高字元。
  • 18px: 這是行高,定義文字行之間的垂直間距。

說明:

語法源自於用於指定字體大小和行高的印刷符號。透過將它們組合成一個簡寫聲明,上面的行相當於:

font-size: 12px;
line-height: 18px;
登入後複製

如果行高設定為相對值(例如百分比或ems),則根據字體計算size.

請注意,此語法是字體速記屬性所獨有的,不能與單獨的字體屬性一起使用。使用這種簡寫的開發人員會發現它很方便,節省了單獨指定屬性的精力。

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

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