CSS 语法
CSS 样式规则由一个选择器和一个声明块组成，声明块是多个 CSS 属性和值的组合。
CSS 样式规则由一个选择器和一个声明块组成，声明块中是多个 CSS 属性和值的组合。
CSS 选择器指向要设置样式的 HTML 元素，可以是元素选择器，类选择器，ID 选择器等。
声明块包含一个或多个用分号分隔的规则，每个 CSS 规则由一个 CSS 属性名称和一个属性值用冒号分隔组成。
多个 CSS 规则用分号分隔。
div { border: 1px solid black; text-align: center; }
--- ------ ---------------- ---------- ------
↑ ↑ ↑ ↑ ↑
选择器 属性 属性值 属性 属性值
上面例子中， div 是元素选择器，对应了 HTML 的 <div> 元素， border: 1px solid black; 定义了一个宽度为 1px 的黑色边框，text-align: center; 定义了 <div> 中的文本采用居中对齐。
CSS 选择器有很多，下面逐个说明。
CSS 注释
注释位于代码之间，注释并不会被浏览器执行，注释起到解释代码或者提醒的作用。
CSS 注释以 /* 开头以 */结尾，中间的内容可以随意添加。
/* 红色是一个喜庆的颜色 */
p {
color: red;
}
您可以在代码中的任何位置添加注释：
p {
font-size: 60px; /* 将字体设置的够大在于醒目 */
}
多行注释：
/* 红色太多了
显得很刺眼 */
p {
color: red;
}
HTML 和 CSS 注释
从 HTML 教程中，您了解到可以使用 <!--...--> 语法向 HTML 源代码添加注释 。
以下示例中结合使用 HTML 和 CSS 注释：
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red; /* 红色很醒目 */
}
</style>
</head>
<body>
<h2>My Heading</h2>
<!-- 下面的字体颜色为红色，是为了醒目 -->
<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
<p>CSS comments are not shown in the output.</p>
</body>
</html>
!! HTML 中的注释和 CSS 注释是不同的，两者不能混用。