cssfont-weight

CSS 的 font-weight（字体粗细）属性用于指定文本的字重程度。包括一系列的可选值，用于控制文本的粗细，从细到粗，数值越大表示字重越粗。font-weight 属性可以接受以下值：

1. normal：默认值，等同于 400 的字重。

2. bold：粗体字重，等同于 700 的字重。

3. lighter：比 normal 更细，继承父级元素更轻的字体。

4. bolder：比 normal 更粗，继承父级元素更粗的字体。

5. 100-900：具体的数字表示字体重量的精确值，数字越大字体越粗。一般 100 等同于最细的字体，而 900 等同于最粗的字体。

比如：

```css

p {

font-weight: normal;

}

```

上述 CSS 代码表示段落文本使用默认的字体粗细，即等同于 400 的字重。

```css

h1 {

font-weight: bold;

}

```

上述 CSS 代码表示标题文本使用粗体字重，即等同于 700 的字重。

```css

span {

font-weight: 300;

}

```

上述 CSS 代码表示 span 元素的文本使用字重为 300 的字体，比较细的字体。

在实际应用中，font-weight 属性可以与其他样式属性一起使用，来创建更丰富的文本效果。比如搭配 font-family、font-size、line-height 等属性，来设置更加美观的文本样式。另外，通过媒体查询和响应式设计，可以在不同尺寸的屏幕上为文本设置不同的字体粗细，以确保*的显示效果。

需要注意的是，不是所有的字体都支持所有的字体重量，有些字体可能只有 normal 和 bold 两种字体重量。因此在选择字体重量时，需要确保所选字体支持对应的字体粗细值，以避免出现不可预料的显示问题。

总的来说，font-weight 是控制文本字重的一个很有用的属性，可以在设计网页时灵活运用，来达到想要的字体效果。在实际应用中，可以根据设计需求和用户体验，选择合适的字体重量，以优化页面显示效果。