font-weight 字體濃淡(精細)屬性

該CSS屬性用來設定字體的濃淡程度。

值：normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit

可用值 值的說明
normal 缺省值。字體正常顯示。
bold 粗體
bolder 比粗體更加粗
lighter 比正常字體淡
100 至少和200一樣淡
200 至少和100一樣粗，至少和300一樣淡
300 至少和200一樣粗，至少和400一樣淡
400 字體正常顯示，相當于normal。
500 至少和400一樣粗，至少和600一樣淡
600 至少和500一樣粗，至少和700一樣淡
700 粗體，相當于bold。
800 至少和700一樣粗，至少和800一樣淡
900 至少和800一樣粗

字體濃淡屬性是根據用戶電腦上安裝的字體相應匹配改變的。在很多情況下，由于系統作了最相近的匹配，因此看不出不同的 font-weight 值有什么區別。

font-weight 值為400，相當與 normal，即正常字體，而值 700，相當于粗體 bold。如果值為 bolder 或者 lighter，則是相對其父對象來說的。如果父對象的值為 normal，子對象值設為 bolder，則最終以 bold，即粗體顯示。

示例代碼
<p style = "font-weight:bold">
<p style = "font-weight:800">
<p style = "font-weight:lighter">
繼承
是

適用于
所有元素

注意紅色文字部分！

原文：

http://blog.163.com/udb1982@126/blog/static/54260835201032652439481/

總結

以上是生活随笔為你收集整理的[转]css讲解 font-weight:bold和bolder区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。