CSS學習第一堂課-淺談選取器

製作網頁首先要了解的是網頁的結構，

HTML是由多個基本的標籤(Tag)所構成，所以了解常用的標籤會對網頁設計有莫大的幫助，

但這篇教學的主角是CSS，所以我們就從CSS的觀念講起。


一般CSS的選取器類型可以簡單的分為四個基本類型，標籤、類別、識別、虛擬器四種類型，

標籤為HTML構成的Tag，類別為標籤內的Class，識別為標籤內的ID，虛擬器為連結的互動行為。

以下我們就把這些選取器做個簡單的整理：

1. 標籤 Tag > 廣義對象(全域)
2. 類別 Class >狹義對象(指定HTML元素)
3. 識別 ID >特定對象(單一HTML元素)
4. 虛擬器
5. 複合
6. 群組化

1.標籤 Tag
舉一個簡單的例子，一個網頁裡會有很多的div的標籤，所以div的標籤如下：

<div> </div>

標籤的CSS標示就會是這樣

div{ }

2.類別 Class
如果加上類別的屬性標籤，那麼我們就可以有區隔DIV與類別的屬性。

<div class="box"></div>

類別的CSS標示就會是以[.]開頭，例如：

.box{ }

3.識別 ID
假如一個頁面需要特定的名稱，那麼就可以是這樣的標示

<div id="wrap"></div>

識別的CSS標示就會是以[#]開頭，例如：

#wrap{ }


當然一個標籤可以同時擁有類別與識別的屬性。

<div id="wrap" class="box"></div>