CSS 語法

?在本教程中，將學(xué)習(xí)如何在樣式表中定義CSS規(guī)則，您可以通過CSS屬性設(shè)置HTML元素的樣式。不同的HTML元素可能具有可以設(shè)置的不同CSS屬性。CSS屬性可以組織成CSS規(guī)則。CSS規(guī)則將一組CSS屬性組合在一起，并將所有屬性應(yīng)用于CSS規(guī)則匹配的HTML元素。

了解CSS語法

CSS樣式表由一組規(guī)則組成，這些規(guī)則由Web瀏覽器解釋，然后應(yīng)用于文檔中的相應(yīng)元素，例如段落，標(biāo)題等。

CSS規(guī)則有兩個(gè)主要部分，一個(gè)選擇器和一個(gè)或多個(gè)聲明：

選擇器指定CSS規(guī)則適用于HTML頁面中的哪個(gè)元素。

而塊內(nèi)的聲明決定了元素在網(wǎng)頁上的格式。每個(gè)聲明都包含一個(gè)屬性和一個(gè)值，這些值和值之間用冒號(hào)（:）分隔并以分號(hào)（;）結(jié)尾，并且聲明組用花括號(hào)括起來{}。

該屬性是您要更改的樣式屬性。它們可以是字體，顏色，背景等。每個(gè)屬性都有一個(gè)值，例如color屬性可以具有value blue或#0000FFetc。

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

為了使CSS更具可讀性，可以在每一行上放置一個(gè)聲明，如下所示：

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

在上面的示例中h1是一個(gè)選擇器，color和text-align是CSS屬性，而給定的blue（h1標(biāo)簽內(nèi)文字顏色為藍(lán)色）和center（h1標(biāo)簽內(nèi)文字居中對(duì)齊）是這些屬性的對(duì)應(yīng)值。

用CSS編寫注釋

通常添加注釋是為了使源代碼更易于理解。它可以幫助其他開發(fā)人員（或者您將來在編輯源代碼時(shí)使用）了解您正在嘗試使用CSS做什么。注釋對(duì)程序員很重要，但被瀏覽器忽略。

CSS注釋以開頭/*，以結(jié)束*/，如下例所示：

/* This is a CSS comment */
h1 {
    color: blue;
    text-align: center;
}
/* This is a multi-line CSS comment that spans across more than one line */
p {
    font-size: 18px;
    text-transform: uppercase;
}

您還可以注釋掉部分CSS代碼以進(jìn)行調(diào)試，如下所示：

h1 {
    color: blue;
    text-align: center;}
/*p {
    font-size: 18px;
    text-transform: uppercase;}
*/

CSS中的區(qū)分大小寫

雖然CSS屬性名稱和許多屬性值都不區(qū)分大小寫。但是CSS選擇器是區(qū)分大小寫，例如：.maincontent與.mainContent是兩個(gè)不同的class類選擇器，是區(qū)分大小寫的。

因此，為了安全起見，您應(yīng)該假定CSS規(guī)則的所有組件都區(qū)分大小寫。

在下一章中，您將學(xué)習(xí)各種類型的CSS選擇器。