DBMNG数据库管理与应用

所有存在都是独创。
当前位置:首页 > 经验分享 > WEB

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">
继承


适用于
所有元素
本站文章内容,部分来自于互联网,若侵犯了您的权益,请致邮件chuanghui423#sohu.com(请将#换为@)联系,我们会尽快核实后删除。
Copyright © 2006-2023 DBMNG.COM All Rights Reserved. Powered by DEVSOARTECH            豫ICP备11002312号-2

豫公网安备 41010502002439号