CSS中只寫font
聲明是一種簡單而有效的方式,但是在實(shí)際應(yīng)用中需要注意一些細(xì)節(jié)。下面我們就來一起了解一下。
只寫font
聲明的語法
selector { font: font-style font-variant font-weight font-size/line-height font-family; }
其中:font-style
、font-variant
和font-weight
是可選屬性,font-size/line-height
是必選屬性,font-family
是必選屬性。
注意事項(xiàng)
1.font-size
和line-height
的值都必須提供,且用斜杠隔開,否則無效果。
2. 如果未提供font-style
、font-variant
和font-weight
的值,則默認(rèn)為normal
。
3. 如果font-family
屬性中包含多個(gè)字體,最好將字體名稱用英文逗號(hào)隔開,如“font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif;
”。
4. 可以在font-size
屬性值后面加單位,如“font-size: 18px/24px;
”,也可以不加,如“font-size: 1.5em/2em;
”。
只寫font
聲明的優(yōu)點(diǎn)
1. 簡潔明了,避免了多個(gè)屬性之間的沖突。
2. 在需要繼承父元素字體時(shí),只需設(shè)置font
屬性,并設(shè)置inherit
值即可。
通過上述內(nèi)容的學(xué)習(xí),相信您已經(jīng)對(duì)CSS中只寫font
聲明有了更深刻的認(rèn)識(shí),并且可以在項(xiàng)目中靈活運(yùn)用了。