關於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 至少和200一樣淡
200 至少和100一樣粗，至少和300一樣淡
300 至少和200一樣粗，至少和400一樣淡
400 字型正常顯示，相當於normal。
500 至少和400一樣粗，至少和600一樣淡
600 至少和500一樣粗，至少和700一樣淡
700 粗體，相當於bold。
800 至少和700一樣粗，至少和800一樣淡
900 至少和800一樣粗
inherit 從父元素繼承字型的粗細

注意：IE7和更早的版本不支援"inherit"的值。IE8需要定義！DOCTYPE。IE9支援"inherit"。