在前端开发中，我们需要对页面中的文字进行一定的排版，字体选择和字体粗细的控制是其中重要的一项。在CSS中，通过font-weight属性可以实现对字体粗细的调整。 要想在CSS中控制字体粗细，我们需要了解font-weight属性的取值。该属性共有九个取值，分别是100、200、300、400、500、600、700、800、900，其中400和700是最常用的。400表示普通的字体粗细，而700表示粗体。 通过CSS代码的演示，我们来看一下font-weight如何控制字体粗细。

p.normal {
font-weight: 400;
}
p.bold {
font-weight: 700;
}

上述代码定义了两个类，一个是normal，一个是bold，它们分别对应了普通字体和粗体。我们可以将这些类应用到不同的

标签中，看看效果。

这是一段普通字体。
这是一段粗体。

如上述代码所示，我们将normal类应用到第一个

标签中，将bold类应用到第二个

标签中。在浏览器中查看效果，我们可以看到第一个

标签中的文字是普通的，第二个

标签中的文字是加粗的。 除此之外，我们还可以将font-weight的取值设置为相对值。我们可以通过设置font-weight: lighter;来让字体变得更加细，通过设置font-weight: bolder;来让字体变得更加粗。这些相对值可以让我们轻松地实现更为精细的字体控制。 在总体上，通过CSS中的font-weight属性我们可以轻松地控制字体的粗细，从而让页面具有更好的可读性。