歡迎訪(fǎng)問(wèn)世紀網(wǎng)絡(luò )官網(wǎng),寶雞網(wǎng)站建設SEO優(yōu)化已累計服務(wù)超過(guò)900家企業(yè)!     咨詢(xún)熱線(xiàn):13619273150

15年網(wǎng)站建設優(yōu)化經(jīng)驗,900家客戶(hù)的選擇,值得信賴(lài)!


網(wǎng)頁(yè)技巧:div的class與id區別

作者:佚名      發(fā)布時(shí)間:2012-01-05      瀏覽:2483

62.9K


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)絡(luò )



0