css中是通過(guò)什么屬性來(lái)設(shè)置字體粗細(xì)的

小編給大家分享一下css中是通過(guò)什么屬性來(lái)設(shè)置字體粗細(xì)的，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

css設(shè)置字體粗細(xì)的屬性是font-weight屬性，該屬性的取值為“l(fā)ighter”、“normal”、“bold”和“bolder”；“l(fā)ighter”為細(xì)體，“normal”為正常粗細(xì)，“bold”為粗體，“bolder”為特粗體。

在CSS中，通過(guò) font-weight屬性 用來(lái)設(shè)置字體的粗細(xì)值，取值為 lighter | normal | bold | bolder，默認(rèn)為 normal。lighter 為細(xì)體，normal 為正常粗細(xì)，bold 為粗體，bolder 為特粗體。如：

.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、h2～h7 和b）添加粗體格式，有些元素還繼承了父元素粗體格式，可以通過(guò) font-weight: normal 來(lái)取消這些元素的粗體格式。

以上是“css中是通過(guò)什么屬性來(lái)設(shè)置字體粗細(xì)的”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！