以下內容由寶雞網(wǎng)站建設、寶雞網(wǎng)絡(luò )公司，寶雞世紀網(wǎng)絡(luò )為您編輯整理。

class是設置標簽的類(lèi)。

id是設置標簽的標識。

class屬性用于指定元素屬于何種樣式的類(lèi)。

如樣式表可以加入：

.baobao { color: lime; background: #ff80c0 }

使用方法：class="baobao"

id屬性用于定義一個(gè)元素的獨特的樣式。如一個(gè)CSS規則：

#binbin { font-size: larger }

使用方法：id="binbin"

id是一個(gè)標簽，用于區分不同的結構和內容，就象你的名字，如果一個(gè)屋子有2個(gè)人同名，就會(huì )出現混淆；

class是一個(gè)樣式，可以套在任何結構和內容上，就象一件衣服；

概念上說(shuō)就是不一樣的：id是先找到結構/內容，再給它定義樣式；class是先定義好一種樣式，再套給多個(gè)結構/內容。

一個(gè)Class是用來(lái)根據用戶(hù)定義的標準對一個(gè)或多個(gè)元素進(jìn)行定義的。打個(gè)比較恰當的比方就是劇本：一個(gè)Class可以定義劇本中每個(gè)人物的故事 線(xiàn)，你可以通過(guò)CSS，javascript等來(lái)使用這個(gè)類(lèi)。因此你可以在一個(gè)頁(yè)面上使用class="Frodo" ，class= "Gandalf"， class="Aragorn"來(lái)區分不同的故事線(xiàn)。還有一點(diǎn)非常重要的是你可以在一個(gè)文檔中使用任意次數的Class。

至于 ID，通常用于定義頁(yè)面上一個(gè)僅出現一次的標記。在對頁(yè)面排版進(jìn)行結構化布局時(shí)（比如說(shuō)通常一個(gè)頁(yè)面都是由一個(gè)頁(yè)眉，一個(gè)報頭< masthead>，一個(gè)內容區域和一個(gè)頁(yè)腳等組成），一般使用ID比較理想，因為一個(gè)ID在一個(gè)文檔中只能被使用一次。而這些元素在同一頁(yè)面中 很少會(huì )出現大于一次的情況。

歸納成一句話(huà)就是：Class可以反復使用而ID在一個(gè)頁(yè)面中僅能被使用一次。有可能在很大部分瀏覽器中反復使用同一個(gè)ID不會(huì )出現問(wèn)題，但在標準上這絕對是錯誤的使用，而且很可能導致某些瀏覽器的現實(shí)問(wèn)題。

在實(shí)際應用的時(shí)候，Class可能對文字的排版等比較有用，而ID則對宏觀(guān)布局和設計放置各種元素較有用。

以上內容就是由寶雞網(wǎng)站建設、寶雞網(wǎng)絡(luò )公司，寶雞世紀網(wǎng)絡(luò )為您編輯整理的《網(wǎng)頁(yè)制作小技巧之div的class與id區別》的全部?jì)热荨?/SPAN>我公司是在寶雞市工商局注冊的專(zhuān)業(yè)提供網(wǎng)站建設、網(wǎng)站優(yōu)化、網(wǎng)站推廣，軟件開(kāi)發(fā)的高新技術(shù)企業(yè)，一直致力于面向寶雞地區黨政機關(guān)、企事業(yè)單位提供大中型門(mén)戶(hù)網(wǎng)站解決方案、 OA 辦公自動(dòng)化系統解決方案，以及中小型應用軟件開(kāi)發(fā)及其它信息化外包業(yè)務(wù)。目前已承建寶雞地區近760多家政府網(wǎng)站、企業(yè)網(wǎng)站，是寶雞網(wǎng)站建設行業(yè)規模最大、客戶(hù)數量最多、技術(shù)力量雄厚的寶雞網(wǎng)絡(luò )公司。歡迎您來(lái)電咨詢(xún)，咨詢(xún)熱線(xiàn)：0917-3535180 3536690……