css里的font-weight:500 以下的都没效果。但是输600以上的都可以看见自己加粗了。这是怎么回事

css里的font-weight:500 以下的都没效果。但是输600以上的都可以看见自己加粗了。这是怎么回事,第1张

css里的font-weight:500 以下的都没效果。但是输600以上的都可以看见自己加粗了是设置错误造成的,解决方法为:

1、新建一个html文件,命名为test.html。

2、在test.html文件内,使用div标签创建一行文字,用于测试。

3、在test.html文件内,给div标签添加一个class属性,属性值为title。

4、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。

5、在css标签内,通过class设置div的样式,定义其font-weight属性为bolder,即可实现加粗,同时,使用font-size属性设置文字的大小为20px。

通过样式设置font-weight 属性:

normal :  默认值。正常的字体。相当于 400 。声明此值将取消之前任何设置。

bold :  粗体。相当于 700 。也相当于 b 对象的作用。

bolder :  比 normal 粗。

lighter :  比 normal 细。

100 :  字体至少像 200 那样细。

200 :  字体至少像 100 那样粗,像 300 那样细。

300 :  字体至少像 200 那样粗,像 400 那样细。

400 :  相当于 normal。

500 :  字体至少像 400 那样粗,像 600 那样细。

600 :  字体至少像 500 那样粗,像 700 那样细。

700 :  相当于 bold。

800 :  字体至少像 700 那样粗,像 900 那样细。

900 :  字体至少像 800 那样粗。

例如:

body{

font-weight:bold//粗体。

}

video_news{font-weight:bold}

font-weight 属性设置文本的粗细。

该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal,700 等价于 bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样粗。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7376127.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存