在制作網(wǎng)頁(yè)過(guò)程中,常常需要對(duì)字重進(jìn)行調(diào)整。CSS中提供了字重的調(diào)整屬性——font-weight。
font-weight: value;
其中value可以為以下幾個(gè)字重值:
- normal:普通字重(默認(rèn)值)
- bold:粗體字重
- bolder:相對(duì)于父元素更粗的字重
- lighter:相對(duì)于父元素更輕的字重
- 100~900:數(shù)字代表字重的百分比,如400表示普通字重、700表示粗體字重。
需要注意的是,數(shù)字代表字重的百分比是相對(duì)于普通字重而言的。
font-weight: 400; /* 相當(dāng)于normal */ font-weight: 700; /* 相當(dāng)于bold */
同時(shí),我們還可以通過(guò)使用font屬性來(lái)綜合設(shè)置字重、字體、字號(hào)等屬性。
font: font-style font-variant font-weight font-size/line-height font-family;
示例:
font: italic small-caps 600 16px/2 sans-serif;
上述代碼表示:使用斜體、小型大寫(xiě)字體、600字重、16像素大小和2行高的sans-serif字體。
通過(guò)合理的運(yùn)用font-weight和font,可以使網(wǎng)頁(yè)設(shè)計(jì)更加美觀、易讀。