在使用css对网页进行布局的过程中,经常会到字体加粗的属性font-weight,下面小编举例讲解css样式表中字体加粗的属性是什么。
工具/原料
1
html+css
2
代码编辑器:Dreamweaver CS5
方法/步骤
1
新建一个html文件,命名为test.html,用于讲解css样式表中字体加粗的属性是什么。
2
在test.html文件内,使用p标签创建一行文字,下面将对该行文字使用css来设置其字体加粗大小。
3
在test.html文件内,在css标签中,使用css设置p标签内的字体大小为30px,同时将字体加粗属性font-weight设置为normal,即正常字体。
4
在test.html文件内,在css标签中,将字体加粗属性font-weight设置为bold或bolder,即字体为粗体或特粗体。
5
在test.html文件内,在css标签中,将字体加粗属性font-weight设置为lighter,即字体为细体。
6
font-weight字体加粗属性除了上面几种设置方法外,还可以直接定义为数字来设置字体加粗的大小。数值范围可以是100,200,300,400,500,600,700,800,900,例如,下面设置font-weight属性为900。
总结:
字体加粗属性font-weight:1、font-weight设置为normal ,正常字体。2、font-weight设置为bold ,粗体。3、font-weight设置为bolder ,特粗体。4、font-weight设置为lighte,细体。5、font-weight设置为数字(100至900),不同的数字,字体粗细不一样。
注意事项
在实际开发中,常用的两个属性值为bolder(加粗)或lighter(细体)。
上一篇:css如何设置字体加粗
下一篇:如何用CSS工具来设置字体粗细