1. 数值: 可以使用数值来指定字体的相对粗细程度。常见的数值包括:
- 100 ~ 900: 定义了 9 个不同的字重级别。400 通常被认为是正常字体,而 700 通常是粗体。
- normal: 与 400 相同。
- bold: 与 700 相同。
.element {
font-weight: 600;
}
2. 关键字: 可以使用关键字来指定字体的粗细程度。常见的关键字包括:
- normal: 正常字体,等同于数值 400。
- bold: 粗体字体,等同于数值 700。
- bolder: 比父元素更粗的字体。
- lighter: 比父元素更细的字体。
.element {
font-weight: bold;
}
3. initial 和 inherit: 分别将属性设置为其初始值和继承父元素的值。
.element {
font-weight: initial;
}
.element {
font-weight: inherit;
}
示例:
/* 使用数值定义字体粗细 */
.bold-text {
font-weight: 700;
}
/* 使用关键字定义字体粗细 */
.normal-text {
font-weight: normal;
}
通过使用 font-weight 属性,你可以调整文本的字体粗细,以满足设计或排版的需求。
转载请注明出处:http://www.pingtaimeng.com/article/detail/6081/CSS