基础样式挑战
本课属于 Coddy HTML 学习旅程的“使用 CSS 添加样式”单元。第 9 课,共 76 课。
挑战
简单你将获得一个包含标题(<h1>)和段落(<p>)的 HTML 文档。你的任务是结合使用内联、内部和外部 CSS 来设置这些元素的样式。按照以下步骤操作:
- 使用内联 CSS将
<h1>标题的文字颜色改为blue。 - 使用内部 CSS将
body的背景颜色改为lightgray,并将段落(<p>)的字体大小改为16px。 - 使用提供的名为
styles.css的外部 CSS文件,将段落(<p>)的文字颜色改为red。 - 使用
<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 在线编辑器