CSS中的粗體設(shè)置
在CSS中,可以用font-weight
屬性來設(shè)置文本的粗體程度,取值為數(shù)字或關(guān)鍵字。其中,數(shù)字的范圍為100~900,關(guān)鍵字有以下幾種:
p {
font-weight: normal; /* 默認(rèn)值,等同于400 */
font-weight: bold; /* 等同于700 */
font-weight: bolder; /* 比父元素更加粗體 */
font-weight: lighter; /* 比父元素更加細(xì)體 */
}
在HTML中,可以用<b>
和<strong>
標(biāo)簽來表示粗體。它們的區(qū)別在于前者只是將文本加粗,而后者則有語義上的加強(qiáng),表示該文本是重點(diǎn)內(nèi)容。在CSS中,這兩個(gè)標(biāo)簽的樣式都可以用font-weight
來設(shè)置。
我們也可以使用CSS中的偽元素::before
或::after
來添加一些裝飾性的粗體元素,例如:
p::before {
content: '【';
font-weight: bold;
}
p::after {
content: '】';
font-weight: bold;
}
上面的代碼可以在段落前添加一個(gè)左方括號(hào),后面添加一個(gè)右方括號(hào),且這兩個(gè)括號(hào)會(huì)加粗。
總之,font-weight
屬性是用來設(shè)置文本粗體程度的,而在HTML中,<b>
和<strong>
標(biāo)簽是表示粗體。我們可以使用它們來突出顯示重點(diǎn)內(nèi)容,也可以通過::before
和::after
偽元素添加一些裝飾性的粗體元素。