css中定义字体粗细的属性

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在CSS中,我们可以通过font-weight属性来定义文字的粗细程度。这个属性值可以使用数字,也可以使用预定义的关键字来指定。数字值从100到900之间,以100为单位递增。数值越大,字体看起来就越

在CSS中,我们可以通过font-weight属性来定义文字的粗细程度。这个属性值可以使用数字,也可以使用预定义的关键字来指定。
数字值从100到900之间,以100为单位递增。数值越大,字体看起来就越粗。
例如,100表示超细的字体,700表示粗体,900表示黑体。
我们可以将这个属性的值设置为关键字来快速地设定文本粗细程度,关键字包括:
- normal:正常粗细(默认值)
- bold:加粗字体
- bolder:更粗的字体
- lighter:更细的字体
另外,通过组合和嵌套使用这些属性,我们还可以创建更多样化的字体效果。
例如,可以使用font-style属性来定义斜体字体:
 p{
        font-weight: bold;
        font-style: italic;
    } 

这样,文本就会呈现为“加粗斜体”的效果。
另外,还可以同时设置多个字体粗细属性的值,来创建更复杂的字体效果:
 p{
        font-weight: 400;
        font-stretch: expanded;
    } 

这样,文本就会呈现为比普通字体更细,同时宽度略大的字体效果。
总之,在CSS中,通过font-weight属性,我们可以轻松地定义字体粗细程度,实现多种多样的字体效果。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中定义字体粗细的属性

粉丝

0

关注

0

收藏

0

已有0次打赏