層疊樣式表/語法

層疊樣式表最常與網頁連結，以便它們可以在整個站點中使用。因此，它們是獨立的檔案，並且具有自己的結構。

樣式表應以宣告開始。

 @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);。屬性始終位於選擇器之後，並且始終位於 {} 程式碼塊內。屬性必須以 ; 結尾才能關閉。