font-weight bold和bolder区别

font-weight 字体浓淡(精细)属性，该CSS属性用来设定字体的浓淡程度。

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

如果值为 bolder 或者 lighter，则是相对其父对象来说的。如果父对象的值为 normal，子对象值设为 bolder，则最终以 bold，即粗体显示。

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

可用值    值的说明 

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一样粗