测试你的技能：数值和单位

¥Task 1

在此任务中，第一个列表项已使用十六进制颜色代码指定背景颜色。你的任务是使用不同格式的相同颜色来完成 CSS，以及应将背景设置为半透明的最终列表项。

¥In this task, the first list item has been given a background color using a hex color code. Your task is to complete the CSS using the same color in different formats, plus a final list item where you should make the background semi-opaque.

• 第二个列表项应使用 RGB 颜色。
• 第三个应该使用 HSL 颜色。
• 第四个应该使用 RGB 颜色，但 alpha 通道设置为 0.6。

你可以在 这个链接 找到十六进制颜色的转换。你需要弄清楚如何使用 CSS 中的值。你的最终结果应如下图所示：

¥You can find conversions for the hex color at this link. You need to figure out how to use the values in CSS. Your final result should look like the image below:

尝试更新下面的实时代码以重新创建完成的示例：

¥Try updating the live code below to recreate the finished example:

¥Task 2

在此任务中，我们希望你设置各种文本项的大小，如下所述：

¥In this task, we want you to set the size of various items of text, as described below:

• <h1> 元素应为 50 像素。
• <h2> 元素应为 2em。
• 所有 <p> 元素应为 16 像素。
• 直接位于 <h1> 之后的 <p> 元素应为 120%。

你的最终结果应如下图所示：

¥Your final result should look like the image below:

尝试更新下面的实时代码以重新创建完成的示例：

¥Try updating the live code below to recreate the finished example:

¥Task 3

在此任务中，我们希望你移动背景图片，使其水平居中且距离框顶部 20%。

¥In this task, we want you to move the background image so that it is centered horizontally and is 20% from the top of the box.

你的最终结果应如下图所示：

¥Your final result should look like the image below:

尝试更新下面的实时代码以重新创建完成的示例：

¥Try updating the live code below to recreate the finished example: