在CSS中,我們可以使用font-weight
屬性來設(shè)置div中的字體加粗,這個(gè)屬性接受關(guān)鍵字或者數(shù)字值,用于指定字體的粗細(xì)程度。
1、使用關(guān)鍵字設(shè)置字體加粗
我們可以通過設(shè)置font-weight
屬性為bold
來使字體加粗。
div { font-weight: bold; }
2、使用數(shù)字設(shè)置字體加粗
除了關(guān)鍵字外,font-weight
屬性還可以接受數(shù)字值來設(shè)置字體的粗細(xì),數(shù)字越大,字體越粗。
div { font-weight: 700; }
3、繼承字體加粗
如果父元素的字體已經(jīng)設(shè)置為加粗,子元素會(huì)繼承父元素的字體粗細(xì)。
div { font-weight: bold; } div p { // p元素會(huì)繼承div元素的字體粗細(xì) }
4、優(yōu)先級(jí)問題
如果在一個(gè)元素上同時(shí)設(shè)置了font-weight
屬性和其他樣式,那么會(huì)按照樣式的優(yōu)先級(jí)來決定***終的字體粗細(xì)。
div { font-weight: bold; font-style: italic; }
在上面的例子中,font-style: italic;
會(huì)覆蓋font-weight: bold;
,因此div中的字體***終會(huì)顯示為斜體而不是加粗,但是如果我們只設(shè)置font-weight: bold;
,那么div中的字體就會(huì)顯示為加粗。