關於css中font-weight:bolder與設定數值的差異詳解

我之前設定了font-weight:bolder;一直不明白為什麼在瀏覽器上顯示最後的效果就變成了normal呢，後來查了一下才發現bolder是相對父元素的。

若父物件的值為 normal，子物件值設為 bolder，則最終以 bold，即粗體顯示。

而我的父元素有設定過font-weight:200;所以最後顯示就變成了normal的效果了。

 

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

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

可用值    值的說明 
normal    預設值。字體正常顯示。
bold        粗體 
bolder     比粗體更粗 
lighter      比正常字體淡 
100  #和100一樣粗，至少和300一樣淡 
300          至少和200一樣粗，至少和400一樣淡 
400         字體正常顯示，且相當於normal。 
500         至少和400一樣粗，至少和600一樣淡 
600         造成¡ 
800             者和800一樣粗 
inherit  名詞和更早的版本不支援"inherit"的值。 IE8需要定義！ DOCTYPE。 IE9支援"inherit"。

 

以上是關於css中font-weight:bolder與設定數值的差異詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！