CSS 规则由一个选择器和大括号扩起来的一个或多个声明组成，就像下面的代码一样

selector {declaration1; declaration2; ... declarationN }

选择器通常是我们需要定义样式的 HTML 标签，可以是 HTML 标签名称，class 属性的值之一或 标签 ID

每个声明都包含一个 CSS 属性和相应的值，它们之间以冒号 ( : ) 分隔，多条 CSS 声明语句使用冒号分隔 ( ; )

h1 {color:blue; font-size:12px;}

上面的代码会将 <h1> 标签元素设置为蓝色，并将字体大小设置为 12 像素

下图显示了上面代码的基本结构

注意：所有声明都用大括号括起来

CSS 代码优化

1. 在最后一个声明的末尾添加一个分号 ( ; )

   h1 {color:blue; font-size:12px;}
   

最后一个声明末尾的分号不是必需的，但经验丰富的设计师最后会添加分号，因为它会减少添加或删除声明时出错的可能性

1. 每个声明占一行

   p {
     text-align: center;
     color: black;
     font-family: arial;
   }
   

   这样可以增强样式的可读性

   你无需担心此举会增加 CSS 文件的大小，通常在发布网站之前，我们都会使用工具压缩这些 CSS 文件

2. 在属性和值之间添加空格

   body {
     color: #000;
     background: #fff;
     margin: 0;
     padding: 0;
     font-family: Georgia, Palatino, serif;
   }
   

   空格不会影响浏览器解析 CSS，但这样做可以让我们更轻松地编辑 CSS 样式

CSS 注释

注释主要用于解释代码或临时删除不必要的代码

CSS注释以 /* 开头，以 */ 结尾，例如

p {
    color: red;
    /* 这是一个单行注释 */
    text-align: center;
}

/* 这是
一个多行
注释 */