RWD網頁切版(三){CSS控制div,用id、class選取器}

雖然html5新增了很多專用的標籤,但整個網頁的構成,主要還是依靠一層又一層的div標籤來完成的,這一篇來瞭解最基本的div控制方式。

title

id選取器

先在html中為div取一個名字(id物件一在用一個頁面只能有一個,所以如果頁面會有很多個長得一樣的物件,請用class命名)

<div id="firstBox"></div>

css建立對應的選取器名稱

#firstBox{ }

※css名稱規則請看RWD網頁切版(二){CSS如何控制HTML物件、常用css屬性}css選取器段落

接下來就可以為這個div添加css屬性了

divid

 

class選取器

先在html中為div取一個名字

<div class="secondBox"></div>

css建立對應的選取器名稱

.secondBox{ }

※css名稱規則請看RWD網頁切版(二){CSS如何控制HTML物件、常用css屬性}css選取器段落

接下來就可以為這個div添加css屬性了

divclass

Leave a Reply