字体粗细
本课属于 Coddy HTML 学习旅程的“使用 CSS 添加样式”单元。第 20 课，共 76 课。
在 CSS 中，font-weight 属性用于控制 HTML 元素中文字的粗细。
font-weight 常见的数值包括：
100：细200：特细300：细
400：正常500：中等600：半粗体
700：粗体800：特粗体900：极粗体
font-weight 常用的关键字值包括：
normal：相当于400bold：相当于700
lighter：指定比父元素更细的字重bolder：指定比父元素更粗的字重
例如：
p {
font-weight: normal;
}
h1 {
font-weight: 700;
}
.highlight {
font-weight: bold;
}
挑战
简单给你一个 HTML 文档，其中包含一个标题（<h1>）、一个段落（<p>）和一个分区（<div>）。你的任务是使用 font-weight 属性为这些元素设置样式。按照以下步骤操作：
- 编写一条 CSS 规则，选择
<h1>元素。将font-weight设置为900。 - 编写一条 CSS 规则，选择
<p>元素。将font-weight设置为lighter。 - 编写一条 CSS 规则，选择
<div>元素。将font-weight设置为600。
亲手试试
<html>
<head>
<title>Font Weight</title>
<style>
/* Write CSS rules here */
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<div>This is a division.</div>
</body>
</html>
自我测试这节课包含一个小测验。开始学习即可作答，并记录你的进度。
使用 CSS 添加样式中的所有课
自己练习： Web 在线编辑器