何時(shí)應(yīng)用類選擇器、ID選擇器及元素選擇器

剛才簡(jiǎn)單介紹了添加CSS樣式的方法以及各種方法的應(yīng)用時(shí)機(jī)。那么對(duì)于CSS選擇器又應(yīng)該如何應(yīng)用呢？我們首先來(lái)看看幾種常用的選擇器：

1)元素選擇器： 如果你想使頁(yè)面上的某種元素都顯示為相同的樣式，那么可以借助于元素選擇器。例如若想將所有h2元素都定義為30像素，則可以添加如下代碼：

h2 {

font-size:30px;

}

這樣，所有的h2元素便都會(huì)顯示為30像素。

2)類選擇器： 類選擇器適用于將多個(gè)元素定義為同一樣式。在視頻中，我還是以顏色屬性為例進(jìn)行了定義：

.red {

color:red;

}

文本“red”前的點(diǎn)(.)表示它定義的是一個(gè)類選擇器。此時(shí)，假如我想讓頁(yè)面中的某段文本變成紅色，就可以將屬性class="red"添加到該元素中。

3)ID選擇器： 以#為標(biāo)志的ID選擇器，用于定義特定元素且僅能定義單個(gè)元素。它實(shí)際上是提供了一種內(nèi)嵌樣式之外的定義特定元素的方法。比如，我們想要得到一個(gè)命名為my_red_div的800x600像素紅色背景，則可以編寫如下代碼：

#my_red_div {

width:800px;

height:600px;

background:red;

}

以上具體的操作過程及結(jié)果顯示都可以在視頻中看到。

今天介紹了層疊樣式表CSS的基本應(yīng)用，由于時(shí)間有限，無(wú)法面面俱到。但是和其他編程類的學(xué)習(xí)過程一樣，快速教程僅用于為有興趣的童鞋提供入門講解，而更多更深入的知識(shí)還需要在不斷解決問題的過程中積累。下面是幾個(gè)CSS的參考資料，有興趣的童鞋可以進(jìn)行參考：

總結(jié)

以上是生活随笔為你收集整理的html果壳网文本框,打造你的个人网站：CSS来助你美化页面的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。