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