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。
建议你仔细读一下百科里面的第五项:映射规则。
http://baike.baidu.com/link?url=zcfEPiAnywGaV8SpQydIvIX_7j4mfSUMSptSZoseHe0FZOov_NwC69jzYqVNb6JK42Tn3S5XHgT_qA4pwilgya
font-weight的属性值有3种指定方法:第1种是关键字法,关键字包括“normal”和“bold”两个;第2种是相对粗细值法,相对粗细也是由关键字定义,但是它的粗细是相对于上级元素的继承值而言的,包括“bolder”和“lighter”两个;第3种为数字法,包括从“100”到“900”的9个数字序列(注意,只能是100、200之类的整百数)。这些数字序列代表从最细(100)到最粗(900)的字体粗细程度。每一个数字定义的粗细都要比上一个等级稍微粗一些。
字体的粗和细这种描述方法本身就是一种相对描述,所谓粗和细也必须要有一个参照体。例如,在上面介绍的3类属性值之间需要有一个相互对照匹配的过程,这是一个很难界定的过程。关键字“normal”相当于“400”,“bold”相当于“700”。除了“normal”和“bold”以外的其他关键字常常会令浏览器产生误解,无法直接和数值相匹配,此时字体的粗细程度通常取决于字体本身的设置。
希望对你有帮助!
font-weight 属性设置文本的粗细
该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal,700 等价于 bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样粗。
当感觉到字体的粗细看起来太粗的时候,我们可以设置font-size来调整字体的大小以此让字体的粗细看起来更美观一些
修改css
.css{display:block;font-size:87.5%;}
看起来已经美观了很多,又达到了粗体的效果!
推荐于2017-08-23