首頁 > web前端 > css教學 > 主體

css中font屬性問題及其解決方法

零下一度
發布: 2017-06-16 15:27:19
原創
2179 人瀏覽過

屬性定義及使用說明

字型簡寫屬性在一個聲明中設定所有字體屬性。

可以設定的屬性是(依序):

“font-style font-variant font-weight font-size / line-height font-family”
登入後複製

字體大小和字體家庭的值是必要的。如果缺少了其他值,預設值將被插入,如果有預設值的話。

css中font屬性問題,字體和行高 

#前面先設定的是font-size, 後面才是line -height;剛剛在chrome測試了下,單獨寫font: 10px/1.5em;  是無效的。但是 在後面加上font-family就可以。例如: font: 10px/1.5em  arial,verdana;或寫成 font: 10px/1.5em  "";也是有效的。 font前面的簡寫屬性可以不寫,但font-family屬性一定要寫否則就無效。完整的font簡寫屬性 font:italic small-caps bold 12px/1.5em arial,verdana;  建議只是設定行高 和 字體大小 沒必要使用簡寫屬性。可以參考bootstrap對使用簡寫屬性的建議。

為什麼css中font合寫不管用

body{
font:62.5% Arial, Helvetica, sans-serif,"宋体";
}
.nav li{
font:1.6em/54px;
}
"font:1.6em/54px"不管用
登入後複製
把font:1.6em/54px改为font:54px/1.6em;即可,建议书写完整。
简写顺序:font-style | font-variant | font-weight | font-size | line-height | font-family
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:12px;
line-height:1.5em;
font-family:arial,verdana;
简写格式:
font:italic small-caps bold 12px/1.5em arial,verdana;
说明:简写时font-size和line-height,只能通过斜杠/组成
登入後複製

以上是css中font屬性問題及其解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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