何時應用類選擇器、ID選擇器及元素選擇器

剛才簡單介紹了添加CSS樣式的方法以及各種方法的應用時機。那么對于CSS選擇器又應該如何應用呢？我們首先來看看幾種常用的選擇器：

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

h2 {

font-size:30px;

}

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

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

.red {

color:red;

}

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

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

#my_red_div {

width:800px;

height:600px;

background:red;

}

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。