CSS 樣式由一系列規則組成，這些規則由 Web 瀏覽器解析，然后應用于 HTML 文檔相應的元素上。CSS 樣式規則由三個部分組成，分別是選擇器、屬性和值：
選擇器：由 HTML 元素的 id、class 屬性或元素名本身以及一些特殊符號構成，用來指定要為哪個 HTML 元素定義樣式，例如選擇器p就表示為頁面中的所有<p>標簽定義樣式；
屬性：您希望給 HTML 元素設置的樣式名稱，由一系列關鍵詞組成，例如 color（顏色）、border（邊框）、font（字體）等，CSS 中提供了眾多屬性，您可以通過 W3C 官網查看；
值：由數值和單位或者關鍵字組成，用來控制某個屬性的顯示效果，例如 color 屬性的值可以是 red 或 #F1F1F1 等。
您可以按照如下圖所示的語法規則來定義 CSS 樣式：
通過上圖可以看出，在 CSS 的語法規則中，屬性和值之間需要使用冒號:進行分隔，每個屬性和值的組合可以看作一個聲明，每個聲明的末尾都需要使用分號;作為結尾，屬于同一選擇器的聲明需要使用花括號{ }包裹起來。
上圖的語法示例中：
選擇器 h1 表示要為網頁中所有的<h1>標簽定義樣式；
屬性 color 表示字體顏色，值 blue 則表示將字體設置為藍色；
屬性 text-align 表示文本的對齊方式，值 center 則表示將文本的對齊方式設置為居中對齊。
為了使 CSS 更具可讀性，您可以在定義 CSS 時每一行代碼上只放置一個聲明，如下所示：
