CSS 语法 ¶

CSS 规则结构 ¶

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明:

选择器通常是您需要改变样式的 HTML 元素。

每条声明由一个属性和一个值组成。

属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。

CSS 声明格式 ¶

CSS声明总是以分号(;)结束，声明组以大括号({})括起来:

1p {color:red;text-align:center;}

为了让CSS可读性更强，你可以每行只描述一个属性:

1p {
2    color: red;
3    text-align: center;
4}

注意：最后一条声明后面的分号可以省略，但建议每条声明都加上分号，这样有利于代码的一致性和扩展性。

CSS 注释 ¶

注释是用来解释你的代码，并且可以随意编辑它，浏览器会忽略它。

CSS注释以 “/” 开始, 以 “/” 结束, 实例如下:

1/* 这是个注释 */
2p {
3    text-align: center;
4    /* 这是另一个注释 */
5    color: black;
6    font-family: arial;
7}

CSS 选择器类型 ¶

CSS有多种不同的选择器类型，允许您精确地选择要样式化的元素：

1. 元素选择器 - 根据元素名称选择

   css

   1p {color: red;}

2. ID选择器 - 使用#符号选择特定ID的元素

   css

   1#para1 {color: red;}

3. 类选择器 - 使用.符号选择特定类的元素

   css

   1.center {text-align: center;}

4. 组合选择器 - 组合多个选择器

   css

   1div, p {color: red;}

在接下来的章节中，我们将详细学习各种CSS选择器和属性。