层叠样式表/语法

层叠样式表最常与网页链接，以便它们可以在整个站点中使用。因此，它们是独立的文件，并且具有自己的结构。

样式表应以声明开始。

 @charset "UTF-8";

在此声明之后，每个 CSS 规则都是独立的，由三个部分组成：选择器、属性和参数（即值）

示例

 @charset "UTF-8";

 body {
 background-color : #000000;
 font-family : Georgia, "Times New Roman", Times, serif;
 font-size : 100%;
 color : #ffffff;
 margin : 0;
 padding : 0;
 text-align : center;
 }

 h1 {
 font-family : Georgia, "Times New Roman", Times, serif;
 font-size : 16px;
 color : #ffffff;
 font-style : normal;
 font-weight : normal;
 letter-spacing : 0.1em;
 }

 h2 {
 font-family : Georgia, "Times New Roman", Times, serif;
 font-size : 12px;
 font-style : italic;
 font-weight : bold;
 color : #ffffff;
 text-decoration : underline;
 }

 p {
 font-family : Georgia, "Times New Roman", Times, serif;
 font-size : 12px;
 font-style : normal;
 color : #ffffff;
 }

 etc

这里分解成这样

@rule argument(s) {
	selector {
		property: argument(s);
		another-property: argument(s);
		property-the-third: argument(s);
		fourth-property: argument(s);
	}
}

每个选择器可以有任意数量的属性。属性和值包含在 {} 标签中。

规则

CSS 规则以 @ 符号开头，通常是代码块的开始。规则至少需要 1 个参数。一些规则示例包括 @charset，用于定义文档字符集；@media，用于为某种类型的媒体设置属性，通常是 all、screen 和 print；以及 @font 用于设置网络字体。

选择器

选择器是 CSS 中大部分功能所在。选择器允许作者专门定位元素以应用任何给定的属性。许多不同的选择器类型可以组合起来，以便精确地应用样式。

元素

在 CSS 定义中指定的元素（缩写为 E、F 等）对应于文档中的 (X)HTML 或 XML 元素。在 HTML 或 XHTML 中，常见的元素包括 p、span 和 div。在 XML 中，元素名称将随要显示的文档类型而变化。

类

类是最基本的选择器。类运算符是“.”，语法为 E.classname。

ID

ID 指定文档中唯一的元素，在 (X)HTML 中，它也是片段标识符。ID 运算符是“#”，语法为 E#IDname。

属性

属性选择是 CSS 中较新的功能，它允许根据元素的任何属性进行选择。语法为 E[Attribute="value"]。属性支持多种不同的匹配运算符，包括 =、!=、~=、^= 和 $=。

伪类

伪类是基于元素状态的特殊类，使用 : 运算符。语法为 E:pseudo-class。常用的伪类包括 :hover、:link 和 :visited...

块

CSS 中到处都是代码块。代码块以 { 开始，以 } 结束。代码块用于根据作者的需要将 CSS 语句分组到逻辑组中。代码块最常用于规则，以及将属性分组到选择器中。

属性

属性是 CSS 的核心。语法很简单，property: argument(s);。属性始终位于选择器之后，并且始终位于 {} 代码块内。属性必须以 ; 结尾才能关闭。