CSS如何設(shè)置字體粗細(xì)

在CSS中，可以通過(guò)font-weight屬性來(lái)設(shè)置字體粗細(xì)；當(dāng)該屬性的值設(shè)置為“l(fā)ighter”時(shí)是細(xì)體樣式，值為“normal”時(shí)是正常粗細(xì)，值為“bold”時(shí)是粗體樣式，值為“bolder”時(shí)是特粗體樣式。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

CSS可以將文字的粗細(xì)進(jìn)行了細(xì)致的劃分，而且，還可以將本身是粗體的文字，變?yōu)檎５拇旨?xì)顯示。文字的粗細(xì)在CSS中通過(guò)屬性：font-weight設(shè)置，如上代碼幾乎涵蓋了所有的文字粗細(xì)值，并且，可以是本身是粗體的字體，變成正常粗體。如：

.lighter {     font-weight: lighter; } .normal {     font-weight: normal; } .bold {     font-weight: bold; } .bolder {     font-weight: bolder; }

<p class="lighter">字體粗細(xì)： lighter</p> <p class="normal">字體粗細(xì)： normal</p> <p class="bold">字體粗細(xì)： bold</p> <p class="bolder">字體粗細(xì)： bolder</p>

上述代碼定義了 4 種不同粗細(xì)的字體，按順序依次變粗。運(yùn)行結(jié)果如圖

為了實(shí)現(xiàn)更細(xì)致的控制，CSS也允許使用數(shù)字來(lái)設(shè)置字體的粗細(xì)。數(shù)字必須是100的整數(shù)倍，取值在100~900 之間，值越大字體越粗。400 等同于 normal，700 等同于 bold。不同取值的結(jié)果如圖

瀏覽器會(huì)自動(dòng)為一些元素（如，strong、h1～h6 和b）添加粗體格式，有些元素還繼承了父元素粗體格式，可以通過(guò) font-weight: normal 來(lái)取消這些元素的粗體格式。

推薦學(xué)習(xí)：《css視頻教程》