CSS 语法

在本教程中，您将学习如何在样式表中定义 CSS 规则。

理解 CSS 语法

CSS 样式表由一组规则组成，这些规则由 Web 浏览器解释，然后应用于文档中的相应元素，例如段落、标题等。

一个 CSS 规则有两个主要部分，一个选择器和一个或多个声明：

选择器指定 CSS 规则适用于 HTML 页面中的哪些元素。

然而，块中的声明决定了元素在网页上的格式。每个声明由一个属性和一个值组成，由冒号 (:) 分隔并以分号 (;) 结尾，声明组用花括号 {}。

属性是你要改变的样式属性；它们可以是字体、颜色、背景等。每个属性都有一个值，例如 color 属性可以有 blue 或 #0000FF 等值。

h1 {color:blue; text-align:center;}

为了使 CSS 更具可读性，您可以在每一行放置一个声明，如下所示：

h1 {
    color: blue;
    text-align: center;
}

在上面的例子中，h1 是一个选择器，color 和 text-align 是 CSS 属性，给定的 blue 和 center 是这些属性的对应值。

注意： CSS 声明总是以分号";"结尾，声明组总是用大括号"{}"括起来 .

添加注释通常是为了使源代码更易于理解。它可能会帮助其他开发人员（或将来编辑源代码时的您）了解您尝试使用 CSS 做什么。注释对程序员很重要，但被浏览器忽略。

CSS 注释以 /* 开头，以 */ 结尾，如下例所示：

/* 这是一个 CSS 注释 */
h1 {
    color: blue;
    text-align: center;
}
/* 这是一个多行 CSS 注释
跨越多行 */
p {
    font-size: 18px;
    text-transform: uppercase;
}

您还可以注释掉部分 CSS 代码以进行调试，如下所示：

h1 {
    color: blue;
    text-align: center;
}
/*
p {
    font-size: 18px;
    text-transform: uppercase;
}
*/

CSS 属性名称和许多值不区分大小写。而 CSS 选择器通常区分大小写，例如，类选择器 .maincontent 与 .mainContent 不同。

因此，为了安全起见，您应该假设 CSS 规则的所有组件都区分大小写。

您将在下一章中了解各种类型的 CSS 选择器。