在CSS中設(shè)置粗體樣式可以用font-weight屬性。font-weight屬性控制字體的粗細(xì)度,可以設(shè)置的值有normal、bold、bolder、lighter以及數(shù)字形式的100、200、300、400、500、600、700、800、900。其中normal設(shè)置基本的字體粗細(xì)度,bold設(shè)置加粗的字體粗細(xì)度。
使用font-weight屬性的語法如下:
selector{ font-weight: value; }
其中selector是選擇器,value是屬性值,可以是normal、bold、bolder、lighter、100~900等。
下面是一些例子:
p{ font-weight: bold; } /*將p標(biāo)簽中的字體設(shè)置為加粗*/ h1{ font-weight: 700; } /*將h1標(biāo)簽中的字體設(shè)置為粗體,指定數(shù)值粗細(xì)度為700*/ h2{ font-weight: lighter; } /*將h2標(biāo)簽中的字體設(shè)置為相對較細(xì)的字體,即設(shè)置字體粗細(xì)度較小*/ strong{ font-weight: bolder; } /*將strong標(biāo)簽中的字體設(shè)置為更加粗細(xì)的字體*/
通過以上幾個例子,大家可以很明顯地看到font-weight屬性的使用方式及效果。
下一篇css讀取順序