zoukankan      html  css  js  c++  java
  • [转]css讲解 font-weight:bold和bolder区别

    font-weight 字体浓淡(精细)属性

    该CSS属性用来设定字体的浓淡程度。

    值:normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit 

    可用值    值的说明 
    normal    缺省值。字体正常显示。 
    bold        粗体 
    bolder     比粗体更加粗 
    lighter      比正常字体淡 
    100          至少和200一样淡 
    200         至少和100一样粗,至少和300一样淡 
    300          至少和200一样粗,至少和400一样淡 
    400         字体正常显示,相当于normal。 
    500         至少和400一样粗,至少和600一样淡 
    600         至少和500一样粗,至少和700一样淡 
    700         粗体,相当于bold。 
    800         至少和700一样粗,至少和800一样淡 
    900         至少和800一样粗 


    字体浓淡属性是根据用户电脑上安装的字体相应匹配改变的。在很多情况下,由于系统作了最相近的匹配,因此看不出不同的 font-weight 值有什么区别。

    font-weight 值为400,相当与 normal,即正常字体,而值 700,相当于粗体 bold。如果值为 bolder 或者 lighter,则是相对其父对象来说的。如果父对象的值为 normal,子对象值设为 bolder,则最终以 bold,即粗体显示。

    示例代码
    <p style = "font-weight:bold">
    <p style = "font-weight:800">
    <p style = "font-weight:lighter">
    继承


    适用于
    所有元素

    注意红色文字部分!

     原文:

    http://blog.163.com/udb1982@126/blog/static/54260835201032652439481/

  • 相关阅读:
    模块化工具require 学习笔记
    学习Jade模板引擎
    通过border来实现各种三角符号
    使用vscode 编译 sass
    Javascript 运行机制
    Vue调试工具 vue-devtools
    MVVM框架
    通信类
    面向对象
    原型和原型链
  • 原文地址:https://www.cnblogs.com/simonbaker/p/5139098.html
Copyright © 2011-2022 走看看