**font-weight**
* 描述：设置对象中的文本字体的粗细。
* 版本：CSS1
* 继承性：有
**语法**
```
font-weight：取值;
```
取值
normal：正常字体，相当于数字值400。
bold：粗体，相当于数字值700。
bolder：设置比继承值更重的值。
lighter：设置比继承值更轻的值。
数值：用数值设置文本字体粗细。取值：100,200,300,400,500,600,700,800,900
**使用说明**
效果由客户端系统安装的字体的特定字体变量映射决定。系统会选择最近的匹配。即：可能看不出不同值之间的差异。
**代码示例**
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>font-weight</title>
<style>
#container .p1{
font-weight: bold;
}
#container .p2{
font-weight: lighter ;
}
#container .p3{
font-weight: 800;
}
</style>
</head>
<body>
<div id="container">
<p class="p1">测试字体</p>
<p class="p2">测试字体</p>
<p class="p3">测试字体</p>
</div>
</body>
</html>
```
- 空白目录
- CSS3专业名词
- 复合属性
- 继承性
- CSS3背景
- background
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
- background-origin
- background-clip
- background-size
- CSS边框
- border
- border-width
- border-style
- border-color
- border-top
- border-top-width
- border-top-style
- border-top-color
- border-right
- border-right-width
- border-right-style
- border-right-color
- border-bottom
- border-bottom-width
- border-bottom-style
- border-bottom-color
- border-left
- border-left-width
- border-left-style
- border-left-color
- border-radius
- border-top-left-radius
- border-top-right-radius
- border-bottom-right-radius
- border-bottom-left-radius
- CSS颜色
- color
- opacity
- CSS字体
- font
- font-style
- font-variant
- font-weight
- font-size
- font-family
- font-stretch
- font-size-adjust
- CSS定位
- position
- z-index
- clip