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

屬性定義及使用說明

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

可以設定的屬性是（依序）：

“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中文網其他相關文章！