DIV中class與id的區別及應用
你對DIV中class與id的區別及應用是否了解，這里和大家簡單分享一下， class是設置標簽的類，class屬性用于指定元素屬于何種樣式的類，而id是設置標簽的標識，用于定義一個元素的獨特的樣式。
DIV中class與id的區別及應用
class是設置標簽的類。
id是設置標簽的標識。
◆class屬性用于指定元素屬于何種樣式的類。
如樣式表可以加入：
- .baobao{color:lime;background:#ff80c0}
使用方法：class="baobao"
◆id屬性用于定義一個元素的獨特的樣式。如一個CSS規則：
- #binbin{font-size:larger}
使用方法：id="binbin"
id是一個標簽，用于區分不同的結構和內容，就象你的名字，如果一個屋子有2個人同名，就會出現混淆；
class是一個樣式，可以套在任何結構和內容上，就象一件衣服；
概念上說就是不一樣的：id是先找到結構/內容，再給它定義樣式；class是先定義好一種樣式，再套給多個結構/內容。
◆一個Class是用來根據用戶定義的標準對一個或多個元素進行定義的。打個比較恰當的比方就是劇本：一個Class可以定義劇本中每個人物的故事線，你可以通過CSS，javascript等來使用這個類。因此你可以在一個頁面上使用class="Frodo"，class="Gandalf"，class="Aragorn"來區分不同的故事線。還有一點非常重要的是你可以在一個文檔中使用任意次數的Class。
◆至于ID，通常用于定義頁面上一個僅出現一次的標記。在對頁面排版進行結構化布局時（比如說通常一個頁面都是由一個頁眉，一個報頭<masthead>，一個內容區域和一個頁腳等組成），一般使用ID比較理想，因為一個ID在一個文檔中只能被使用一次。而這些元素在同一頁面中很少會出現大于一次的情況。
歸納成一句話就是：Class可以反復使用而ID在一個頁面中僅能被使用一次。有可能在很大部分瀏覽器中反復使用同一個ID不會出現問題，但在標準上這絕對是錯誤的使用，而且很可能導致某些瀏覽器的現實問題。
在實際應用的時候，Class可能對文字的排版等比較有用，而ID則對宏觀布局和設計放置各種元素較有用。資料引用:http://www.knowsky.com/346750.html
【編輯推薦】
