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

【css样式表中字体加粗的属性是什么】html+css
代码编纂器:Dreamweaver CS5方式/
1新建一个html文件 , 定名为test.html , 用于讲解css样式表中字体加粗的属性是什么 。

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

文章插图

2在test.html文件内 , 利用p标签建立一行文字 , 下面将对该行文字利用css来设置其字体加粗大小 。


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

文章插图

3在test.html文件内 , 在css标签中 , 利用css设置p标签内的字体大小为30px , 同时将字体加粗属性font-weight设置为normal , 即正常字体 。


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

文章插图

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

文章插图

4在test.html文件内 , 在css标签中 , 将字体加粗属性font-weight设置为bold或bolder , 即字体为粗体或特粗体 。


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

文章插图

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

文章插图

5在test.html文件内 , 在css标签中 , 将字体加粗属性font-weight设置为lighter , 即字体为细体 。

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

文章插图

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

文章插图

6font-weight字体加粗属性除了上面几种设置方式外 , 还可以直接界说为数字来设置字体加粗的大小 。 数值规模可所以100 , 200 , 300 , 400 , 500 , 600 , 700 , 800 , 900 , 例如 , 下面设置font-weight属性为900 。


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

文章插图

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

文章插图


以上内容就是css样式表中字体加粗的属性是什么的内容啦 , 希望对你有所帮助哦!

    推荐阅读