css樣式中font屬性的簡寫規則

2021-07-09 13:37:16 字數 1086 閱讀 1648

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

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的簡寫注意事項

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

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

css字型樣式屬性 font字型

1 font size 字型大小 2 font family 字型 3 font weight 字型粗細 屬性值描述normal 預設值 不加粗 bold 定義粗體 100 900 400等同於normal,而700等於bold 4 font style 字型風格屬性 作用normal 預設值,瀏覽...

CSS中關於font的樣式

字型 粗細大小 斜體行距 縮略寫法 font family 定義字型,允許有多個字型作為輪候的值。例如 font family microsoft yahei arial,helvetica,sans serif 這樣就會首先使用 microsoft yahei 如果使用者電腦沒有安裝這個字型,則往...

css 書寫順序以及font簡寫順序

css書寫順序 1.位置資訊position display float overflow clear css書寫順序 2.大小 width height padding margin border css書寫順序 3.文字資訊 css書寫順序 4.文字資訊 text align center cs...