CSS 語法

CSS 規則由一組樣式規則組成,這些樣式規則由瀏覽器解釋,然後應用於文件中的相應元素。

句法

CSS 規則有兩個主要部分,一個選擇器和一個或多個宣告:

CSS Selector 語法圖

選擇器用於宣告樣式應用於哪個標記元素。

顯示在選擇器後面的塊中的宣告可以應用於特定型別的所有元素,或僅應用於與特定屬性匹配的那些元素。你將在下一章中瞭解有關選擇器的更多資訊。

每個宣告都包含屬性和值。該屬性是你要更改的樣式屬性; 他們可能是顏色或邊框等每個屬性都有一個值,例如顏色屬性可以有值要麼 blue#0000FF

h1 { color : blue ; text-align : center ;} 

為了使 CSS 更具可讀性,你可以在每一行上放置一個宣告,如下所示:

h1 {
    color: blue;
    text-align: center;
}

在上面的示例中 h1 是一個選擇器, colortext-align 是屬性,給定的 bluecenter 是這些屬性的對應值。

注意: CSS 宣告始終以分號 ; 結尾,宣告組始終用大括號 {} 括起來。

CSS 註釋

通常新增註釋的目的是使原始碼更容易理解。它可以幫助其他開發人員(或者你將來編輯原始碼時)瞭解你嘗試使用 CSS 做什麼。評論對程式設計師很重要,但通常被瀏覽器忽略。

CSS 評論以 /* ,結尾 */ ,請參閱下面的示例:

/* This is a CSS comment */
h1 {
    color: blue;
    text-align: center;
}