复习挑战 #1
本课属于 Coddy HTML 学习旅程的“使用 CSS 添加样式”单元。第 29 课，共 76 课。
挑战
简单现在你已经掌握了使用 CSS 设置文本和背景样式的各种方法，是时候通过一个综合挑战来检验你的知识了。你将运用所学的颜色、十六进制代码、RGB 值和 RGBA 透明度知识，创建指定的设计。
你会得到一个 HTML 文档，其中包含一个标题（<h1>）、一个段落（<p>）和一个 div 元素（<div>）。你的任务是使用学过的文本和背景样式属性，为这些元素设置样式，使其与下图所示的设计相符：
按照以下步骤操作：
- 编写一条 CSS 规则，选中
<h1>元素。将color设置为white，将background-color设置为#000080（海军蓝），并将text-align设置为center。 - 编写一条 CSS 规则，选中
<p>元素。将color设置为#FFFFFF（白色），将background-color设置为rgba(0, 0, 0, 0.5)（半透明黑色），并将font-size设置为18px。 - 编写一条 CSS 规则，选中
<div>元素。将background-color设置为rgba(237, 170, 26, 1)（金黄色），并将color设置为white。
亲手试试
<html>
<head>
<title>Recap Challenge #1</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 在线编辑器