我之前設定了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中文網其他相關文章!