首页 > 软件开发 > CSS >

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

来源:互联网 2023-03-16 19:10:57 129

在使用css对网页进行布局的过程中,经常会到字体加粗的属性font-weight,下面小编举例讲解css样式表中字体加粗的属性是什么。guF办公区 - 实用经验教程分享!

css样式表中字体加粗的属性是什么?guF办公区 - 实用经验教程分享!

工具/原料

  • html css
  • 代码编辑器:Dreamweaver CS5

方法/步骤

  • 1

    新建一个html文件,命名为test.html,用于讲解css样式表中字体加粗的属性是什么。guF办公区 - 实用经验教程分享!

    css样式表中字体加粗的属性是什么?guF办公区 - 实用经验教程分享!

  • 2

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

    guF办公区 - 实用经验教程分享!

    guF办公区 - 实用经验教程分享!

    css样式表中字体加粗的属性是什么?guF办公区 - 实用经验教程分享!

  • 3

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

    guF办公区 - 实用经验教程分享!

    guF办公区 - 实用经验教程分享!

    css样式表中字体加粗的属性是什么?guF办公区 - 实用经验教程分享!

    css样式表中字体加粗的属性是什么?guF办公区 - 实用经验教程分享!

  • 4

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

    guF办公区 - 实用经验教程分享!

    guF办公区 - 实用经验教程分享!

    css样式表中字体加粗的属性是什么?guF办公区 - 实用经验教程分享!

    css样式表中字体加粗的属性是什么?guF办公区 - 实用经验教程分享!

  • 4该信息未经授权抓取自百度经验
  • 5

    在test.html文件内,在css标签中,将字体加粗属性font-weight设置为lighter,即字体为细体。guF办公区 - 实用经验教程分享!

    css样式表中字体加粗的属性是什么?guF办公区 - 实用经验教程分享!

    css样式表中字体加粗的属性是什么?guF办公区 - 实用经验教程分享!

  • 6

    font-weight字体加粗属性除了上面几种设置方法外,还可以直接定义为数字来设置字体加粗的大小。数值范围可以是100,200,300,400,500,600,700,800,900,例如,下面设置font-weight属性为900。

    guF办公区 - 实用经验教程分享!

    guF办公区 - 实用经验教程分享!

    css样式表中字体加粗的属性是什么?guF办公区 - 实用经验教程分享!

    css样式表中字体加粗的属性是什么?guF办公区 - 实用经验教程分享!

  • 总结:

  • 1

    字体加粗属性font-weight:guF办公区 - 实用经验教程分享!

    1、font-weight设置为normal ,正常字体。guF办公区 - 实用经验教程分享!

    2、font-weight设置为bold ,粗体。guF办公区 - 实用经验教程分享!

    3、font-weight设置为bolder ,特粗体。guF办公区 - 实用经验教程分享!

    4、font-weight设置为lighte,细体。guF办公区 - 实用经验教程分享!

    5、font-weight设置为数字(100至900),不同的数字,字体粗细不一样。

    guF办公区 - 实用经验教程分享!

    guF办公区 - 实用经验教程分享!

  • 注意事项

    • 在实际开发中,常用的两个属性值为bolder(加粗)或lighter(细体)。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!guF办公区 - 实用经验教程分享!


    标签: CSS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码