Menu
CoddyTech

基础样式挑战

本课属于 Coddy HTML 学习旅程的“使用 CSS 添加样式”单元。第 9 课,共 76 课。

challenge icon

挑战

简单

你将获得一个包含标题(<h1>)和段落(<p>)的 HTML 文档。你的任务是结合使用内联、内部和外部 CSS 来设置这些元素的样式。按照以下步骤操作:

  1. 使用内联 CSS将 <h1> 标题的文字颜色改为blue。
  2. 使用内部 CSS将 body 的背景颜色改为lightgray,并将段落(<p>)的字体大小改为16px。
  3. 使用提供的名为 styles.css 的外部 CSS文件,将段落(<p>)的文字颜色改为red。
  4. 使用 <link> 标签将外部 CSS 文件链接到 HTML 文档。

亲手试试

<html>
<head>
    <title>Basic Styling Challenge</title>
    <style>
        body {
            background-color: white;
        }
        p {
            font-size: 12px;
        }
    </style>
    <!-- 在这里链接外部 CSS 文件 -->
</head>
<body>
    <h1 style="color: red;">This is a heading</h1>
    <p>This is a paragraph.</p>
</body>
</html>

使用 CSS 添加样式中的所有课

自己练习: Web 在线编辑器