網(wǎng)站制作要做好布局，id與class都是必須熟練掌握的，所謂“兩手抓，兩手都要硬”。ID就象狙擊槍一樣，可以幫助我們精準(zhǔn)地定位要想要加載樣式的元素；而class則是俠客的佩劍，信手拈來(lái)更加輕盈靈便，兩者的結(jié)合能夠?qū)崿F(xiàn)結(jié)構(gòu)良好且表現(xiàn)豐富的頁(yè)面。
　　用#定義CSS樣式，在調(diào)用時(shí)必須用ID，用.定義CSS樣式，在調(diào)用時(shí)必須用CLASS。用#定義的樣式，一般都是定義結(jié)構(gòu)框架，一些大的容器,且在同一個(gè)頁(yè)面只能出現(xiàn)一次；而.定義的樣式，一般都是起修飾作用或多次重復(fù)的樣式。還一點(diǎn)就是在同一個(gè)層里同時(shí)出現(xiàn)ID和CLASS樣式，ID更優(yōu)先于CLASS。
　　一個(gè)Class是用來(lái)根據(jù)用戶(hù)定義的標(biāo)準(zhǔn)對(duì)一個(gè)或多個(gè)元素進(jìn)行定義的。因此你可以在一個(gè)頁(yè)面上使用class="Frodo" ，class="Gandalf"， class="Aragorn"來(lái)區(qū)分不同的故事線(xiàn)。還有一點(diǎn)非常重要的是你可以在一個(gè)文檔中使用任意次數(shù)的Class。至于ID，通常用于定義頁(yè)面上一個(gè)僅出現(xiàn)一次的標(biāo)記。在對(duì)頁(yè)面排版進(jìn)行結(jié)構(gòu)化布局時(shí)，一般使用ID比較理想，因?yàn)橐粋€(gè)ID在一個(gè)文檔中只能被使用一次。而這些元素在同一頁(yè)面中很少會(huì)出現(xiàn)大于一次的情況。
　　然而現(xiàn)在有一種錯(cuò)誤的觀(guān)點(diǎn)，就是id完全可以用class來(lái)取代，事實(shí)上許多網(wǎng)頁(yè)源代碼也的確如此，打開(kāi)來(lái)通篇class，找不到一個(gè)id。造成這種現(xiàn)象的理由有很多種，然而自table時(shí)代傳下來(lái)的根深蒂固的“class=CSS”的觀(guān)念才是本因。的確，class比id用途更廣更靈活，但也必須意識(shí)到，class對(duì)于構(gòu)建良好的網(wǎng)頁(yè)結(jié)構(gòu)遠(yuǎn)不如id有效。id的強(qiáng)制唯一性使得我們可以很容易通過(guò)id檢索到我們需要的任意模塊，而class則沒(méi)有這個(gè)優(yōu)勢(shì)。雖然我們可以為模塊定義唯一的class名，但前提是只有網(wǎng)站制作者本人可以修改網(wǎng)頁(yè)樣式。再者就是前面提到的，通過(guò)通用class所節(jié)省下來(lái)的代碼，又不得不在每個(gè)單獨(dú)定義的class中揮霍掉。
 
 
    相關(guān)閱讀：網(wǎng)站設(shè)計(jì)必須知道的DIV+CSS排版技巧
              網(wǎng)站模板CSS可控制超鏈接樣式
              網(wǎng)站建設(shè)新手必須知道的頂級(jí)CSS技巧