CSS中設(shè)置字體的粗細(xì)是頁(yè)面設(shè)計(jì)中的重要部分,可以通過(guò)修改字體的粗細(xì)來(lái)調(diào)整頁(yè)面的整體感覺(jué)。
.font-weight{ font-weight:normal; /*字體的粗細(xì)*/ }
CSS中設(shè)置字體的粗細(xì)主要通過(guò)font-weight屬性實(shí)現(xiàn)。
font-weight屬性接受以下值:
- normal:默認(rèn)值,字體的標(biāo)準(zhǔn)粗細(xì)。
- bold:字體加粗。
- bolder:比normal更加粗重的字體。
- lighter:比normal更加輕盈的字體。
- 數(shù)字值:使用數(shù)字值設(shè)置字體的粗細(xì),數(shù)字越大字體越粗重,數(shù)字一般是100到900之間,其中100相當(dāng)于normal,400相當(dāng)于normal,700相當(dāng)于bold。
.font-weight{ font-weight:bold; /*字體加粗*/ }
設(shè)置字體的粗細(xì)可以是塊級(jí)元素、行內(nèi)元素、文字及其容器元素,它們都可以通過(guò)font-weight屬性進(jìn)行設(shè)置,如下所示:
p{font-weight:bold;//塊級(jí)元素} span{font-weight:700;//行內(nèi)元素} .article{font-weight:lighter;//容器元素} h1{font-weight:100;//文字}
在設(shè)計(jì)頁(yè)面時(shí),設(shè)置字體的粗細(xì)可以帶來(lái)意想不到的效果,需要合理使用這個(gè)屬性。