selector {
font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
}
- normal: 默认值,表示普通字体粗细。
- bold: 表示粗体字体。
- bolder: 相对于父元素更粗的字体。如果没有父元素,则与 bold 相同。
- lighter: 相对于父元素更细的字体。如果没有父元素,则与 normal 相同。
- 数字值(100 到 900):表示绝对的字体粗细。常用的值为 100、200、300、400、500、600、700、800、900,数值越大,字体越粗。
示例:
/* 使用关键词设置字体粗细 */
p.normal {
font-weight: normal;
}
p.bold {
font-weight: bold;
}
/* 使用数字值设置字体粗细 */
p.medium {
font-weight: 500;
}
/* 相对粗细设置 */
p.bolder {
font-weight: bolder;
}
p.lighter {
font-weight: lighter;
}
通过调整 font-weight 属性,你可以改变文本的粗细程度,以达到设计或排版的需求。
转载请注明出处:http://www.zyzy.cn/article/detail/4196/CSS