font-weight属性
时间: 2024-04-26 20:22:33 浏览: 10
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;
```
html中font-weight
font-weight属性用于设置字体的粗细程度,取值可以是数字、关键字或者百分比。
常用的关键字有:
- normal:普通字体,等同于400。
- bold:粗体,等同于700。
- bolder:更粗的字体。
- lighter:更细的字体。
数字取值范围是100-900,其中100对应的是最细的字体,900对应的是最粗的字体。
示例代码:
```
<p style="font-weight: normal;">这是普通字体。</p>
<p style="font-weight: bold;">这是粗体。</p>
<p style="font-weight: 700;">这也是粗体。</p>
<p style="font-weight: bolder;">这是更粗的字体。</p>
<p style="font-weight: lighter;">这是更细的字体。</p>
```