[转]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">
fontweight属性bold<p style = "font-weight:lighter">
继承
是
适⽤于
所有元素
注意红⾊⽂字部分！
原⽂：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。