在CSS中,我们可以通过font-weight属性来设置字体的粗细程度。常用的值包括:<b>normal:</b> 默认字体粗细程度,相当于40
在CSS中,我们可以通过font-weight属性来设置字体的粗细程度。常用的值包括:
<b>normal:</b> 默认字体粗细程度,相当于400。 <b>bold:</b> 粗体字,相当于700。 <b>bolder:</b> 比当前元素字体更加粗细。 <b>lighter:</b> 比当前元素字体更加细。
还可以使用数字来表示字体的粗细程度,范围从100(最细)到900(最粗),且只能是100的整数倍。
<b>font-weight:</b> 100; /*最细*/ <b>font-weight:</b> 400; /*默认*/ <b>font-weight:</b> 700; /*粗体字*/ <b>font-weight:</b> 900; /*最粗*/
除了直接设置数字值,还可以使用相对值来设置字体的粗细程度。比如,我们可以使用lighter来获取当前字体的更细版本,或者使用bolder来获取当前字体的更粗版本。
<b>font-weight:</b> lighter; /*获取更细版本*/ <b>font-weight:</b> bolder; /*获取更粗版本*/
我们也可以将font-weight属性与其他CSS属性一起使用,例如:
font:bold 16px/1.5 sans-serif; /*粗体字,字体大小为16px,行高为1.5,字体为sans-serif*/
总之,通过设置font-weight属性,我们可以很容易地调整字体的粗细程度,以优化页面的阅读体验。
粉丝
0
关注
0
收藏
0