css3語法規則由什麼組成

css3語法規則由「選擇器」、「屬性」和「屬性值」三個部分組成。 「選擇器」指定css樣式編碼所要針對的對象，「屬性」是CSS提供的設定好的樣式選項，「屬性值」是用來顯示屬性效果的參數。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

樣式是 CSS 最小語法單元，CSS語法由三個部分構成，分別：選擇器、屬性和屬性值。

• 選擇器（Selector）

  #指定這組樣式編碼所要針對的對象，可以是XHTML標籤，也可以是特定的id或class的標籤（前有#標識）；

• 屬性（Property）

  屬性是CSS樣式控制的核心，遂於每個XHTML標籤，CSS都提供了豐富的樣式屬性，例如顏色、大小、定位、浮動方式等。

  屬性是 CSS 提供的設定好的樣式選項。屬性名由一個單字或多個單字組成，多個單字之間透過連字符連接。這樣能夠很直觀地表示屬性所要設定樣式的效果。
  

• 屬性值（value）

  指屬性的值，是用來顯示屬性效果的參數。它包括數值和單位，或關鍵字。

值的不同寫法和單位

#除了英文單字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";}

CSS進階語法：選擇器的分組

你可以將選擇器分組，這樣，被分組的選擇器就可以分享相同的宣告。

用逗號將需要分組的選擇器分開。在下面的例子中，我們對所有的標題元素進行了分組。所有的標題元素都是綠色的。

h1,h2,h2,h3,h5,h6 {
color: green;
}

（學習影片分享：css影片教學）

以上是css3語法規則由什麼組成的詳細內容。更多資訊請關注PHP中文網其他相關文章！