div中id與class的區別

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可以定義劇本中每個人物的故事線,你可以通過CSSjavascript等來使用這個類。因此你可以在一個頁面上使用 class="Frodo" class= "Gandalf"class="Aragorn"來區分不同的故事線。還有一點非常重要的是你可以在一個文檔中使用任意次數的Class

         至於 ID,通常用於定義頁面上一個僅出現一次的標記。在對頁面排版進行結構化佈局時(比如說通常一個頁面都是由一個頁眉,一個報頭< masthead>,一個內容區域和一個頁腳等組成),一般使用ID比較理想,因爲一個ID在一個文檔中只能被使用一次。而這些元素在同一頁面中很少會出現大於一次的情況。

         歸納成一句話就是:Class可以反覆使用而ID在一個頁面中僅能被使用一次。有可能在很大部分瀏覽器中反覆使用同一個ID不會出現問題,但在標準上這絕對是錯誤的使用,而且很可能導致某些瀏覽器的現實問題。

在實際應用的時候,Class可能對文字的排版等比較有用,而ID則對宏觀佈局和設計放置各種元素較有用。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章