在本教程中，将学习如何在样式表中定义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做什么。注释对程序员很重要，但被浏览器忽略。
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选择器。