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

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

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


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

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

以下我們就把這些選取器做個簡單的整理:
  1. 標籤 Tag > 廣義對象
  2. 類別 Class >狹義對象
  3. 識別 ID >特定對象
  4. 虛擬器

舉一個簡單的例子,一個網頁裡會有很多的div的標籤,所以div的標籤如下:

<div> </div>

標籤的CSS標示就會是這樣

div{ }


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

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

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

.box{ }


假如一個頁面需要特定的名稱,那麼就可以是這樣的標示

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

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

#wrap{ }


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

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


創作者介紹

史蒂文的部落格

stv1688 發表在 痞客邦 留言(0) 人氣()