css font的簡寫規則

2021-07-22 08:52:51 字數 1058 閱讀 2500

一、字型屬性主要包括下面幾個

font-family,font-style,font-variant,font-weight,font-size,font

font-family(字型族): 「arial」、「times new roman」、「宋體」、「黑體」等;

font-style(字型樣式): normal(正常)、italic(斜體)或oblique(傾斜);

font-variant(字型變化): normal(正常)或small-caps(小體大寫字母);

font-weight(字型濃淡): 是normal(正常)或bold(加粗)。有些瀏覽器甚至支援採用100到900之間的數字(以百為單位);

font-size(字型大小): 可通過多種不同單位(比如畫素或百分比等)來設定, 如:12xp,12pt,120%,1em

如果用font屬性的話,就可以把幾個樣式進行簡化,減少書的情況;font 屬性的值應按以下次序書寫(各個屬性之間用空格隔開)

順序:font-style | font-variant | font-weight | font-size | line-height | font-family

二、font的簡寫例項

.font
上面的樣式簡寫為:

.font

三、font的簡寫注意事項

1、簡寫時,font-size和line-height只能通過斜槓/組成乙個值,不能分開寫。

2、順序不能改變.這種簡寫方法只有在同時指定font-size和font-family屬性時才起作用。而且,如果你沒有設定font-weight, font-style, 以及 font-varient ,他們會使用預設值

css font簡寫規則

font family 字型系列 宋體 黑體等 font style 字型樣式 normal 正常 italic 斜體 或oblique 傾斜 font variant 字型異體 normal 正常 或small caps 小體大寫字母 font weight 字型粗細 normal 正常 或bol...

css font的簡寫規則

1.簡寫順序 順序 font style font variant font weight font size line height font family 例如 font 注意 1 簡寫時,font size和line height只能通過斜槓 組成乙個值,不能分開寫。2 順序不能改變.這種簡寫...

css優化之簡寫規則

最近一直在研究效能,關於前端優化,其實css部分還是有很多的提公升空間。其實自己寫過一篇關於相容性或者說規範的文章 今天其實想記錄的還是一些簡寫方面的東西 顏色 其實顏色的表示法有很多 color rgb 255,0,0 rgb表示法 r red g green b blue 取值範圍0 255co...