cssfont-weight属性（font weight属性）

## CSS font-weight 属性：控制文本粗细### 简介`font-weight` 属性用于设置文本的粗细。它接受多种值，可以是预定义的关键词，也可以是具体的数值，让你灵活地控制文本的视觉效果。### 属性值详解#### 1. 预定义关键词

`normal`：默认值，定义标准粗细的字符。

`bold`：定义粗体字符。

`bolder`：相对于父元素文本，定义更粗的字符。

`lighter`：相对于父元素文本，定义更细的字符。#### 2. 数值

100 - 900：使用数字定义九级粗细，100 最细，900 最粗。400 等同于 `normal`，700 等同于 `bold`。

部分字体可能只支持部分数值，例如只支持 400 和 700 两种粗细。#### 3. inherit：

从父元素继承 `font-weight` 属性的值。### 使用示例```css /

使用预定义关键词

/ p {font-weight: normal; /

正常粗细

/ }h1 {font-weight: bold; /

粗体

/ }/

使用数值

/ .thin-text {font-weight: 100; /

最细

/ }.thick-text {font-weight: 900; /

最粗

/ }/

使用相对值

/ .parent {font-weight: 500; }.child {font-weight: bolder; /

比父元素更粗

/ } ```### 注意事项

并非所有字体都支持九种粗细，有些字体可能只支持 `normal` 和 `bold` 两种。

使用数值时，请确保所选字体支持该数值，否则可能会得到意想不到的结果。

`bolder` 和 `lighter` 是相对于父元素而言的，如果父元素没有设置 `font-weight` 属性，则会以浏览器的默认样式为准。### 总结`font-weight` 属性是控制文本粗细的重要工具，通过灵活运用预定义关键词和数值，可以轻松打造出层次分明、视觉效果丰富的网页排版。

CSS font-weight 属性：控制文本粗细

简介`font-weight` 属性用于设置文本的粗细。它接受多种值，可以是预定义的关键词，也可以是具体的数值，让你灵活地控制文本的视觉效果。

属性值详解

1. 预定义关键词* `normal`：默认值，定义标准粗细的字符。 * `bold`：定义粗体字符。 * `bolder`：相对于父元素文本，定义更粗的字符。 * `lighter`：相对于父元素文本，定义更细的字符。

2. 数值* 100 - 900：使用数字定义九级粗细，100 最细，900 最粗。400 等同于 `normal`，700 等同于 `bold`。 * 部分字体可能只支持部分数值，例如只支持 400 和 700 两种粗细。

3. inherit：* 从父元素继承 `font-weight` 属性的值。

使用示例```css /* 使用预定义关键词 */ p {font-weight: normal; /* 正常粗细 */ }h1 {font-weight: bold; /* 粗体 */ }/* 使用数值 */ .thin-text {font-weight: 100; /* 最细 */ }.thick-text {font-weight: 900; /* 最粗 */ }/* 使用相对值 */ .parent {font-weight: 500; }.child {font-weight: bolder; /* 比父元素更粗 */ } ```

注意事项* 并非所有字体都支持九种粗细，有些字体可能只支持 `normal` 和 `bold` 两种。 * 使用数值时，请确保所选字体支持该数值，否则可能会得到意想不到的结果。 * `bolder` 和 `lighter` 是相对于父元素而言的，如果父元素没有设置 `font-weight` 属性，则会以浏览器的默认样式为准。

总结`font-weight` 属性是控制文本粗细的重要工具，通过灵活运用预定义关键词和数值，可以轻松打造出层次分明、视觉效果丰富的网页排版。