css font-weight介绍
在CSS中，font-weight属性用来定义字体粗细。font-weight属于css1版，所以所有主流浏览器都支持font-weight属性。
初学者要注意，字体粗细和字体大小（font-size）是不一样的，粗细指的是字体的“肥胖”，大小指的是高和宽。大家好好理解一下就很容易区分了。
语法：
font-weight:粗细值;
粗细值可以取关键字和100~900的数值。如下表。
| 值 | 描述 |
|---|---|
| normal | 默认值。定义标准的字符。 |
| bold | 定义粗体字符。 |
| bolder | 定义更粗的字符。 |
| lighter | 定义更细的字符。 |
|
定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。 |
| inherit | 规定应该从父元素继承字体的粗细。 |
字体粗细font-weight属性值可以取100、200、…、900这九个值。400相当于正常字体normal，700相当于bold。100~900分别表示字体的粗细，是对字体粗细的一种量化方式，值越大就表示越粗，值越小就表示越细。
对于中文网页来说，一般仅用到bold、normal这两个属性值完全就可以了，粗细值不建议使用数值（100~900）。
<##ads_in_article_manong##>
css font-weight实例
三段文字设置不同的字体粗细：
<!DOCTYPE html>
<html>
<head>
<style>
p.normal {font-weight:normal;}
p.light {font-weight:lighter;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
</style>
</head>
<body>
<p class=\"normal\">This is a paragraph.</p>
<p class=\"light\">This is a paragraph.</p>
<p class=\"thick\">This is a paragraph.</p>
<p class=\"thicker\">This is a paragraph.</p>
</body>
</html>
相关文章
CSS 教程: CSS Font
CSS 参考手册: font 属性
CSS 参考手册: CSS font-weight
继续阅读与本文标签相同的文章
上一篇 :
物联网软件和物联网硬件在物联网开发中该怎么互联
下一篇 :
mysql 正则表达式查询含有非数字和字符的记录
-
全球首条“5G自动微公交”示范线路乌镇开通
2026-05-14栏目： 教程
-
未来十年，最为吃香的4个大学专业，毕业后就是香饽饽！
2026-05-14栏目： 教程
-
还不会制作填充地图，试试这种方法，2分钟搞定，让你秒变大神
2026-05-14栏目： 教程
-
顺丰自研机器人惊艳亮相，化身“快递小哥”亮绝活，盯上万亿市场
2026-05-14栏目： 教程
-
女生“主动”与你分享这3个秘密？520％偷偷喜欢你，臭弟弟冲鸭
2026-05-14栏目： 教程