css中元素变粗 css中字体粗细

CSS中可以通过font-weight属性来控制字体的粗细程度。该属性可以接受以下值：

1. normal：字体以标准粗细显示，相当于400的字体权重。这是默认值。

2. bold：字体以加粗显示，相当于700的字体权重。

3. lighter：字体以比正常细的粗细显示，相当于较小的字体权重。

4. bolder：字体以比正常粗的粗细显示，相当于较大的字体权重。

除了这些关键字值，font-weight属性还可以接受数字值，用来表示字体的具体粗细程度。数值越大，字体越粗。常用的数值有100、200、300、400、500、600、700、800和900。

下面是一些示例代码，演示如何使用font-weight属性来改变字体的粗细：

/* 使用关键字值 */
h1 {
  font-weight: bold;
}
p {
  font-weight: lighter;
}
/* 使用数字值 */
span {
  font-weight: 600;
}

在示例代码中，h1元素的字体粗细被设置为加粗，p元素的字体粗细被设置为比正常细的粗细，而span元素的字体粗细被设置为600。根据具体的字体和浏览器的不同，字体的粗细可能会有所不同。

除了font-weight属性，还可以使用其他CSS属性来改变字体的粗细。例如，text-shadow属性可以通过添加阴影效果来使字体看起来更加粗细。使用字体的变体属性（font-variant）也可以改变字体的外观，包括粗细程度。

通过CSS中的font-weight属性以及其他相关属性，我们可以灵活地控制字体的粗细，以适应不同的设计需求和视觉效果。