CSS 语法

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

在 CSS 中，语法指的是定义 CSS 代码编写方式的一组规则。理解 CSS 语法对于创建结构良好且功能正常的样式表至关重要。基本的 CSS 规则由一个选择器和一个声明块组成。

下面是一个简单的说明：

例如：

p {
    color: blue;
    font-size: 16px;
}

在这个示例中，p 是选择器，用于选中所有段落元素。声明块包含两个声明：一个将文本颜色设为蓝色，另一个将字体大小设为 16 像素。

挑战

简单

给你一段 HTML 代码，其中包含一个段落元素和一条针对该段落的 CSS 规则。修改 CSS 规则，将文本颜色改为 red。

亲手试试

<html>
  <head>
    <style>
      p {
        color: blue;
      }
    </style>
  </head>
  <body>
    <p>This is a paragraph.</p>
  </body>
</html>

自我测试

这节课包含一个小测验。开始学习即可作答，并记录你的进度。

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

1简介

4文本基础

7盒模型第 1 部分

10登录表单

13汤加网页

2添加 CSS

5颜色与背景

8盒模型第二部分

11布局技巧

14最终挑战