CSS中設置字體的粗細是頁面設計中的重要部分,可以通過修改字體的粗細來調整頁面的整體感覺。
.font-weight{ font-weight:normal; /*字體的粗細*/ }
CSS中設置字體的粗細主要通過font-weight屬性實現。
font-weight屬性接受以下值:
- normal:默認值,字體的標準粗細。
- bold:字體加粗。
- bolder:比normal更加粗重的字體。
- lighter:比normal更加輕盈的字體。
- 數字值:使用數字值設置字體的粗細,數字越大字體越粗重,數字一般是100到900之間,其中100相當于normal,400相當于normal,700相當于bold。
.font-weight{ font-weight:bold; /*字體加粗*/ }
設置字體的粗細可以是塊級元素、行內元素、文字及其容器元素,它們都可以通過font-weight屬性進行設置,如下所示:
p{font-weight:bold;//塊級元素} span{font-weight:700;//行內元素} .article{font-weight:lighter;//容器元素} h1{font-weight:100;//文字}
在設計頁面時,設置字體的粗細可以帶來意想不到的效果,需要合理使用這個屬性。
上一篇html 滑動條樣式設置
下一篇css 設置無效果