CSS设置粗体
1. 使用font-weight属性设置文本粗细
在CSS中，要设置粗体文本，可以使用字体粗细属性font-weight。该属性有多个取值可供选择，控制文本的粗细程度。默认值为normal。
1.1 取值范围
- normal: 默认值，表示正常的文本粗细。
- bold: 加粗，表示更加加重的文本粗细。
- bolder: 比加粗更加加重，比较适合用于标题等特殊场合。（注：多次设置bolder，字体会越来越粗，直到浏览器无法再增加粗细度。）
- lighter: 减轻粗细度，效果与bolder相反。（注：多次设置lighter，字体会越来越细，直到浏览器无法再减少粗细度。）
- 100-900：设置1-9之间的数字，数字越大，字体越粗。
1.2 代码示例：
/* 普通粗度 */
p.normal {
font-weight: normal;
}
/* 加粗文本 */
p.bold {
font-weight: bold;
}
/* 类似加重的效果 */
p.bolder {
font-weight: bolder;
}
/* 变细的效果 */
p.lighter {
font-weight: lighter;
}
/* 自定义粗细 */
p.custom {
font-weight: 600;
}
2. 使用strong标签设置文本粗体
除了使用font-weight属性设置文本粗细，也可以使用HTML标签嵌套的方式来设置。其中，最常使用的是strong标签。例如：
这是一段文本，其中这个词特别重要！
3. 使用b标签设置文本粗体
除了strong标签，HTML还提供了b标签，用于表示文本应该呈现为粗体。但是，由于HTML5之后，b标签的意义被重新定义为表示文本的关键字或术语，推荐使用strong标签。 例如：
这是一段文本，其中这个词特别重要！
4. 使用CSS语法同时设置多种样式
如果需要同时设置多个样式（如字体大小、颜色、粗细等），可以使用CSS语法。例如：
p {
font-size: 24px;
color: red;
font-weight: bold;
}
5. 总结
通过上面的介绍，我们了解了在CSS中如何设置文本的粗体。使用font-weight属性可以方便快捷地设置字体的粗细，而strong标签则更加精确地控制哪些文本应该显示为粗体。在实际应用中，需要权衡两者之间的优缺点，选择最合适的方式设置文本样式。