多语言展示
当前在线:1139今日阅读:84今日分享:32

css样式表中字体加粗的属性是什么?

在使用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(细体)。

推荐信息