2.2 選擇器
在CSS中，選擇器是選擇應(yīng)用一條CSS規(guī)則的一個或多個HTML元素。簡單地說，選擇器告訴瀏覽器樣式化哪些內(nèi)容。前一節(jié)中介紹的簡單的選擇器稱為類型選擇器，它僅僅引用一種HTML元素，并樣式化所有匹配這個選擇器的元素。例如，一個p類型選擇器會對所有的p元素應(yīng)用樣式。
從示例規(guī)則中可以看到，樣式表中的body并沒有使用左右尖括號(<>)，樣式化任何元素的時候都是如此，只要把body替換為想要樣式化的元素即可。該規(guī)則可以將width、margin、background、color及font等CSS屬性應(yīng)用于<body>元素。后面的章節(jié)將詳細(xì)介紹這些屬性，不過通過它們的名稱您可能已經(jīng)猜出了相應(yīng)的用途。
分組選擇器
當(dāng)多個選擇器出現(xiàn)在同一條規(guī)則中時，它們就被分組到一起。通過在每個選擇器之后使用逗號，可以將多個選擇器組合到一條規(guī)則中，這樣一條規(guī)則就可以同時應(yīng)用于多個選擇器，如下面的代碼所示：
th,
td {
padding: 0 10px 0 0;
text-align: left;
}
分組選擇器的目的是避免為每個選擇器重復(fù)編寫同樣的聲明。如果兩個或更多選擇器的全部或大部分聲明相同，那么可以考慮進(jìn)行分組。
為可讀性起見，建議將每個選擇器放到單獨的行中。
2.3 聲明
聲明部分包含在花括號中，從而與選擇器分離。在前面顯示的規(guī)則中，body下面花括號({和})中的每一行都是一個單獨的聲明。聲明中包含屬性名稱和一個冒號，而且取決于具體的屬性，可能還包含一個或多個值。
冒號用于將屬性和屬性值分離，冒號之前顯示的是屬性。在示例選擇器(參見2.1節(jié))中，width是一個屬性，650px是它的值。聲明總是以分號結(jié)束。
2.4 屬性值
雖然某些屬性的值非常簡單，例如后面將看到的z-index屬性的值只是一個數(shù)字，但是就允許屬性值采用的類型而言，CSS可能會變得相當(dāng)復(fù)雜。前面只看到了CSS中的屬性值可以采用的一小部分類型。本節(jié)將詳細(xì)地介紹CSS中可用的各種不同的屬性值類型，首先介紹關(guān)鍵字值。
2.4.1 關(guān)鍵字
關(guān)鍵字值是一個命名的值。例如，red、green和blue都是CSS關(guān)鍵字。顏色關(guān)鍵字可以用于任何接受顏色值的屬性。
下面代碼中的關(guān)鍵字是bold和left。bold和font-weight屬性一起使用時可以告訴瀏覽器如何呈現(xiàn)caption元素的文本，left和text-align屬性一起使用時可以告訴瀏覽器如何對齊文本。
caption {
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
text-align: left;
}
CSS中使用了多種關(guān)鍵字類型，而且根據(jù)對哪個屬性或元素應(yīng)用關(guān)鍵字，有時候單個關(guān)鍵字可以應(yīng)用不同的樣式。例如，CSS使用auto關(guān)鍵字應(yīng)用一些默認(rèn)樣式和行為，雖然在下面的兩個示例中它的含義是相同的，但是產(chǎn)生的效果卻不同。在下面的“試一試”中練習(xí)使用auto關(guān)鍵字。
鄂公網(wǎng)安備 42010302001612號