首頁 > web前端 > css教學 > 關於css中font-weight:bolder與設定數值的差異詳解

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

黄舟
發布: 2017-07-22 13:18:51
原創
2954 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板