屬性（property）是您但願配置的樣式屬性（style attribute）

CSS 基本語法

CSS 簡介

CSS 高級語法

CSS 語法

CSS 法則由兩個首要的部門組成：選擇器，以及一條或多條聲明。

selector {declaration1; declaration2; ... declarationN }

選擇器凡是是您必要改變樣式的 HTML 元素。

每條聲明由一個屬性和一個值構成。

屬性（property）是您但願配置的樣式屬性（style attribute）。每個屬性有一個值。屬性和值被冒號分隔。

selector {property: value}

下面這行代碼的浸染是將 h1 元素內的筆墨顏色界說為赤色，同時將字體巨細配置為 14 像素。

在這個例子中，h1 是選擇器，color 和 font-size 是屬性，red 和 14px 是值。

h1 {color:red; font-size:14px;}

下面的表示圖為您展示了上面這段代碼的布局：

提醒：請行使花括號來困繞聲明。

值的差異寫法和單元

除了英文單詞 red，我們還可以行使十六進制的顏色值 #ff0000：

p { color: #ff0000; }

為了節省字節，我們可以行使 CSS 的縮寫情勢：

p { color: #f00; }

我們還可以通過兩種要領行使 RGB 值：

p { color: rgb(255,0,0); } p { color: rgb(100%,0%,0%); }

請留意，當行使 RGB 百分比時，縱然當值為 0 時也要寫百分比標記。可是在其他的環境下就不必要這麼做了。好比說，當尺寸為 0 像素時，0 之後不必要行使 px 單元，由於 0 就是 0，無論單元是什麼。

記得寫引號

提醒：假如值為多少單詞，則要給值加引號：

p {font-family: "sans serif";}

多重聲明：

提醒：假如要界說不止一個聲明，則必要用分號將每個聲明分隔。下面的例子展示出怎樣界說一個赤色筆墨的居中段落。最後一條法則是不必要加分號的，由於分號在英語中是一個脫離標記，不是竣事標記。然而，大大都有履歷的計劃師會在每條聲明的末端都加上分號，這麼做的甜頭是，當你從現有的法則中增減聲明時，會盡也許地镌汰墮落的也許性。就像這樣：

p {text-align:center; color:red;}

你應該在每行只描寫一個屬性，這樣可以加強樣式界說的可讀性，就像這樣：

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

空格和巨細寫

大大都樣式表包括不止一條法則，而大大都法則包括不止一個聲明。多重聲明和空格的行使使得樣式表更輕易被編輯：

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

是否包括空格不會影響 CSS 在賞識器的事變結果，同樣，與 XHTML 差異，CSS 對巨細寫不敏感。不外存在一個破例：假如涉及到與 HTML 文檔一路事變的話，class 和 id 名稱對巨細寫是敏感的。

CSS 簡介

CSS 高級語法

(