font-weight 属性设置文本的粗细介绍

下面是关于 "font-weight" 属性的详细讲解：

简介

"font-weight" 是 CSS 中用于设置文本粗细的属性。它可以用于设置字体的粗细程度，包括普通、粗体和轻体三种类型。通常情况下，它的值为数字或关键字。数字在范围为 100-900 之间，且必须是 100 的倍数。而关键字则包括 normal、bold、bolder 和 lighter 四种。其中，normal 表示文本的标准粗细程度，bold 表示加粗，bolder 表示更粗，而 lighter 则表示更细。

语法

"font-weight" 属性可以应用于所有基于文本的 CSS 属性中。下面是它的详细语法：

/* 使用数字 */
font-weight: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;

/* 使用关键字 */
font-weight: normal | bold | bolder | lighter;

示例

下面是两个关于 "font-weight" 属性的示例：

示例 1

<p style="font-weight: bold;">这是一个粗体文本</p>

在这个示例中，"font-weight" 属性被用来设置一个段落的文本内容的粗细程度。它的值为 "bold"，表示文字应该被呈现为加粗的形式。

示例 2

h1 {
  font-weight: 600;
}

这个示例展示了 "font-weight" 属性作为样式表中的一部分，用于设置标题的文本粗细程度。 "font-weight" 的值为 600，表示这个标题的文本应该呈现为半粗体。