CSS 语法

​在本教程中，将学习如何在样式表中定义CSS规则，您可以通过CSS属性设置HTML元素的样式。不同的HTML元素可能具有可以设置的不同CSS属性。CSS属性可以组织成CSS规则。CSS规则将一组CSS属性组合在一起，并将所有属性应用于CSS规则匹配的HTML元素。

了解CSS语法

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

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

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

而块内的声明决定了元素在网页上的格式。每个声明都包含一个属性和一个值，这些值和值之间用冒号（:）分隔并以分号（;）结尾，并且声明组用花括号括起来{}。

该属性是您要更改的样式属性。它们可以是字体，颜色，背景等。每个属性都有一个值，例如color属性可以具有value blue或#0000FFetc。

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

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

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

在上面的示例中h1是一个选择器，color和text-align是CSS属性，而给定的blue（h1标签内文字颜色为蓝色）和center（h1标签内文字居中对齐）是这些属性的对应值。

用CSS编写注释

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

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

/* This is a CSS comment */
h1 {
    color: blue;
    text-align: center;
}
/* This is a multi-line CSS comment that spans across more than one line */
p {
    font-size: 18px;
    text-transform: uppercase;
}

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

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

CSS中的区分大小写

虽然CSS属性名称和许多属性值都不区分大小写。但是CSS选择器是区分大小写，例如：.maincontent与.mainContent是两个不同的class类选择器，是区分大小写的。

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

在下一章中，您将学习各种类型的CSS选择器。