首页前端开发CSScss3 font-weight

css3 font-weight

时间2023-11-27 10:26:03发布访客分类CSS浏览504
导读:CSS3是一种引入了很多新特性的CSS标准,其中包含了一项非常重要的属性——font-weight,该属性控制文本的字重程度,是基本的文本样式之一。.example { font-weight: 400;}该属性值可以使用数值或者关键字来...

CSS3是一种引入了很多新特性的CSS标准,其中包含了一项非常重要的属性——font-weight,该属性控制文本的字重程度,是基本的文本样式之一。

.example {
      font-weight: 400;
}

该属性值可以使用数值或者关键字来进行设置,数值通常为100至900的整数,100表示最细,900表示最粗。关键字则包括normal、bold、bolder、lighter和initial等。normal和400是等价的,而bold和700也是等价的。

.example {
      font-weight: bold;
     /* equivalent to font-weight: 700;
 */}

除了常规的数值和关键字设定外,CSS3还提供了一项比较特别的功能——单独设置各个字母的字重,称为font-variation-settings属性,顾名思义,它可以根据需要对不同字母的字重进行独立的调整。

.example {
      font-variation-settings: "wght" 400, "ABCD" 800;
 /* custom font variation axes */}
    

总的来说,font-weight属性是非常重要的文本呈现属性之一,它可以使我们的文本内容更具有视觉效果并且具有更大的可定制性。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: css3 font-weight
本文地址: https://pptw.com/jishu/557429.html
css如何实现圆角搜索框 css3 h5新特性

游客 回复需填写必要信息