分享

在CSS里面如何实现字体加粗

 弘护正法 2019-10-14
作者:课课家教育2016-10-08 13:07:56

          在word里面实现文字加粗是一件轻而易举的事。我们直接点击加粗按钮就可以完成。但是在css里面没有加粗按钮呀,那么如何实现字体加粗呢?下面小编向大家简单介绍一下。

    在CSS里面如何实现字体加粗_CSS基础教程_字体加粗_font-weight属性_课课家

      1.使用font-weight属性

      一说到在CSS里实现加粗,大家第一反应是不是使用font-weight属性。没错,这是在CSS实现加粗的方法之一。

      font-weight属性的值可以是: normal 、 bold、 bolder 、 lighter 、 number。

      normal: 正常的字体,相当于number为400,声明此值将取消之前任何设置

      bold: 粗体,相当于number为700,也相当于html b 加粗对象的作用

      bolder: IE5+特粗体

      lighter: IE5+细体

      number: IE5+100|200|300|400|500|600|700|800|900

      这个属性我们最常用的值是bold,当然你也可以实际需要调整number数值达到自己所需的效果。

      实例:

    使用front-weight属性举例代码

      效果:

    运行效果

      看到这个效果,你是否有这样一个疑问:怎么数值900和bold的效果差不多呀?bold不是相当于数值700吗?这是因为加粗作用是由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说,用户可能看不到不同值之间的差异。

      2.html常规加粗标签

      除了font-weight属性之外,我们还有方法对字体实施加粗吗?

      我们先看看下面的代码:

    html常规加粗标签举例

      运行:

          html标签运行效果

      嘿嘿!由上图我们可以看到运行效果跟font-weight属性差不多喔!因此我们可以得出:使用html标签或也能达到加粗的效果。



    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多