div+css中Class與ID的區(qū)別
更新時間：2007年04月08日 00:00:00 作者：
一個Class是用來根據(jù)用戶定義的標(biāo)準(zhǔn)對一個或多個元素進(jìn)行定義的。打個比較恰當(dāng)?shù)谋确骄褪莿”荆阂粋€Class可以定義劇本中每個人物的故事線，你可以通過CSS，Javascript等來使用這個類。因此你可以在一個頁面上使用class="Frodo" ，class="Gandalf"，class="Aragorn"來區(qū)分不同的故事線。還有一點(diǎn)非常重要的是你可以在一個文檔中使用任意次數(shù)的Class。
至于ID，通常用于定義頁面上一個僅出現(xiàn)一次的標(biāo)記。在對頁面排版進(jìn)行結(jié)構(gòu)化布局時（比如說通常一個頁面都是由一個頁眉，一個報頭<masthead>，一個內(nèi)容區(qū)域和一個頁腳等組成），一般使用ID比較理想，因?yàn)橐粋€ID在一個文檔中只能被使用一次。而這些元素在同一頁面中很少會出現(xiàn)大于一次的情況。
歸納成一句話就是：Class可以反復(fù)使用而ID在一個頁面中僅能被使用一次。有可能在很大部分瀏覽器中反復(fù)使用同一個ID不會出現(xiàn)問題，但在標(biāo)準(zhǔn)上這絕對是錯誤的使用，而且很可能導(dǎo)致某些瀏覽器的現(xiàn)實(shí)問題。（剛才在Dreamweaver中試了一下，確實(shí)，并沒有出錯）
在實(shí)際應(yīng)用的時候，Class可能對文字的排版等比較有用，而ID則對宏觀布局和設(shè)計放置各種元素較有用。
至于ID，通常用于定義頁面上一個僅出現(xiàn)一次的標(biāo)記。在對頁面排版進(jìn)行結(jié)構(gòu)化布局時（比如說通常一個頁面都是由一個頁眉，一個報頭<masthead>，一個內(nèi)容區(qū)域和一個頁腳等組成），一般使用ID比較理想，因?yàn)橐粋€ID在一個文檔中只能被使用一次。而這些元素在同一頁面中很少會出現(xiàn)大于一次的情況。
歸納成一句話就是：Class可以反復(fù)使用而ID在一個頁面中僅能被使用一次。有可能在很大部分瀏覽器中反復(fù)使用同一個ID不會出現(xiàn)問題，但在標(biāo)準(zhǔn)上這絕對是錯誤的使用，而且很可能導(dǎo)致某些瀏覽器的現(xiàn)實(shí)問題。（剛才在Dreamweaver中試了一下，確實(shí)，并沒有出錯）
在實(shí)際應(yīng)用的時候，Class可能對文字的排版等比較有用，而ID則對宏觀布局和設(shè)計放置各種元素較有用。
相關(guān)文章
使用display:none時隱藏DOM元素?zé)o法獲取實(shí)際寬高的解決方法
這篇文章主要介紹了使用display:none時隱藏DOM元素?zé)o法獲取實(shí)際寬高的解決方法的相關(guān)資料,需要的朋友可以參考下2022-07-07
使用CSS框架布局的缺點(diǎn)和優(yōu)點(diǎn)小結(jié)
本篇文章主要介紹了使用CSS框架布局的缺點(diǎn)和優(yōu)點(diǎn)小結(jié)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2007-12-12
看好的站長都是很愛國的，捐款，網(wǎng)頁統(tǒng)一成黑白色2008-05-05
css 兼容性問題this.style.cursor=''''hand''''
css 兼容性問題this.style.cursor='hand'讓我們來CSS HACK2008-11-11
htm頁面中<a name>加name和id的沖突附解決方法
原來在<a name="jb51"> 和<span id="jb51">是沖突的，唉弄了好一會，郁悶 臨時解決方法就是在后面的id中加了一個2，就是<span id="jb512">2008-07-07
在CSS網(wǎng)頁布局開發(fā)中，會有很多小技巧，新手朋友往往對此很不熟悉。在某一兩個小問題上，或許糾纏很長時間才能搞明白，2008-08-08
div的dispaly:inline樣式 和span的區(qū)別
為什么在ie里執(zhí)行后這段代碼 兩個span標(biāo)簽雖在同一行但它們之間有空隙? 但是 兩個div標(biāo)簽雖然在同一行就沒有空隙?2008-07-07
web打印的另類方法...2007-03-03
Web的發(fā)展非常迅速，UI設(shè)計也越來越美觀，漂亮。同時也給WEB前端編碼提出了新的要求。鏈接元素在點(diǎn)擊時會出現(xiàn)虛線框，由于種種原因，您的主管可能要求你想辦法將鏈接虛線邊框出除。2008-05-05
繼承是 css中經(jīng)常要用到的技術(shù)，好處是可以盡量讓頁面的代碼減少重復(fù)利用，但是隨時項目越來越大，需求的不斷變化，css代碼就會變得越來越臃腫，后期難以控制和維護(hù)。其實(shí)，css代碼和普通程序代碼在編寫的時候有很多的相似之處，下面我們就用試試用組合的方式是不是能更好的解決這個問題。2008-11-11