工具搜索引擎 加入收藏
意见反馈
帮助中心
繁體中文
首页 工具超市 产品信息 资讯中心 工具黄页 站长工具 实用工具 会员管理 联系我们  
广告投放
您当前的位置:工具网站长书库> CSS教程

CSS属性 - 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">

继承

适用于

所有元素

返回上级目录
CSS
CSS教程
CSS简介
CSS语法
CSS字体属性(font)
CSS常用文本属性
CSS背景属性
CSS边框属性(border)
CSS边距属性(margin)
CSS间隙属性(padding)
CSS盒子模式(Box Model)
CSS列表属性(list-style)
CSS伪类(pseudo-class)
CSS代码示例
CSS参考(Reference)
CSS属性参考
CSS长度单位参考