css中字体加的很粗

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

在CSS中,我们可以使用font-weight属性来设置字体的加粗程度,从而达到强调文字的效果。这个属性可以设置的值包括:100-900,normal和bold。p{ font-weight: 900

在CSS中,我们可以使用font-weight属性来设置字体的加粗程度,从而达到强调文字的效果。这个属性可以设置的值包括:100-900,normal和bold。

p{
  font-weight: 900;
} 

上述代码的意思是设置所有

标签内的文字加粗程度为900,也就是最粗的程度。此外,我们还可以使用相对值来调整字体的加粗程度,如下所示:

p{
  font-weight: bold; /*同font-weight:700;*/
}
p em{
  font-weight: lighter; /*相对于p标签,字体加粗程度更低*/
} 

上述代码中,我们首先将

标签内的文字加粗程度设置为bold,也就是700。然后,我们在

标签内使用了标签,将其字体的加粗程度设置为比

标签内的字体更轻,即相对于

标签,字体加粗程度更低。

需要注意的是,不是所有的字体都支持所有的加粗程度。如果你设置了一个字体在某个加粗程度下的字体样式,但是发现并没有任何变化,那么你就需要考虑更换字体或使用其他的加粗程度来达到你想要的效果。

文章说明:

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

题图来自Unsplash,基于CC0协议

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

评论列表 评论
发布评论

评论: css中字体加的很粗

粉丝

0

关注

0

收藏

0

已有0次打赏