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/

  • 相关阅读:
    经典背景音乐集(转)
    商业模式的思考
    PHP5.4的变化关注What has changed in PHP 5.4.x
    yii模版中的写法
    设计模式(一)工厂模式Factory(创建型)
    yii模版中的判断方法
    Yacc 与 Lex 快速入门(词法分析和语法分析)
    Windows PHP 中 VC6 X86 和 VC9 X86 的区别及 Non Thread Safe 的意思
    金融系列1《借贷记卡介绍》
    设计模式概论
  • 原文地址:https://www.cnblogs.com/simonbaker/p/5139098.html
Copyright © 2011-2022 走看看