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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *