在CSS中,我們可以通過font-weight
屬性來控制文字的粗細程度。這個屬性可以接受數值或者預定義的關鍵字來表示粗細程度。
數值從100到900表示不同的粗細程度,其中100表示最細的字體,900表示最粗的字體。
p { font-weight: 100; }
除了數值,我們也可以使用預定義的關鍵字來設置字體的粗細。常用的關鍵字有:
normal
:默認粗細程度,相當于400
bold
:加粗字體,相當于700
bolder
:比當前字體更粗lighter
:比當前字體更細
p { font-weight: bold; }
除了應用于文本,font-weight
也可以應用于整個盒子(包含所有的子元素),這樣可以完整控制整個盒子的粗細。
.box { font-weight: 700; }
在設計網頁時,字體粗細與排版風格息息相關,它能夠決定文字的視覺感受和閱讀效果。合理地運用font-weight
屬性能夠對你的網站帶來更好的效果和用戶體驗。