font-weight的属性值详解
时间: 2023-08-23 14:05:06 浏览: 54
CSS 的 `font-weight` 属性用于设置字体的粗细程度,常见的属性值包括:
- `normal`: 默认值,字体为普通粗细;
- `bold`: 字体为加粗;
- `bolder`: 字体更加加粗,相对于父元素更加加粗;
- `lighter`: 字体更加细,相对于父元素更加细;
- `100`~`900`: 数字值表示不同粗细程度,100 表示最细,900 表示最粗;
- `initial`: 设置为默认值;
- `inherit`: 继承父元素的 `font-weight`。
需要注意的是,不是所有字体都支持所有的粗细程度,一般情况下只有普通、加粗两种粗细程度,而且不同字体的加粗效果也有所不同。
在使用 `font-weight` 属性时,可以将其与 `font` 属性一起使用,例如:
```
font: bold 16px Arial;
```
这个示例将字体设置为加粗,大小为 16 像素,字体系列为 Arial。
相关问题
font-weight属性
font-weight属性是CSS中用于设置字体粗细程度的属性。它可以设置为以下几个预定义值:
- normal:默认值,表示标准的字体粗细程度。
- bold:加粗,表示比标准字体更加粗细的程度。
- bolder:比bold更加粗细的程度。
- lighter:比normal更加细小的程度。
除了预定义值外,font-weight属性还可以设置具体的数值,取值范围为100-900。其中,400相当于normal,700相当于bold。数值越大,字体越粗。
在实际使用中,我们可以根据需要设置不同的font-weight值来调整文本的粗细程度,达到更好的视觉效果。
font-weight: 属性试例
好的,以下是一些CSS中font-weight属性的例子:
1. 设置字体为粗体:
```
font-weight: bold;
```
2. 设置字体为正常(默认):
```
font-weight: normal;
```
3. 设置字体更加粗(比bold更加粗):
```
font-weight: bolder;
```
4. 设置字体更加轻(比normal更加轻):
```
font-weight: lighter;
```
5. 设置字体粗细程度为500(在100-900之间以100为间隔):
```
font-weight: 500;
```