CSS中class與id有什么區(qū)別？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來(lái)學(xué)習(xí)下，希望你能有所收獲。

成都創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括博山網(wǎng)站建設(shè)、博山網(wǎng)站制作、博山網(wǎng)頁(yè)制作以及博山網(wǎng)絡(luò)營(yíng)銷策劃等。多年來(lái)，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，博山網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到博山省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

Class 在程序中稱“類”，同時(shí)在CSS中也書面語(yǔ)也叫“類”。在CSS樣式中以小寫的“點(diǎn)”及“.”來(lái)命名如： .css5{屬性：屬性值;} ,而在html頁(yè)面里則以class="css5" 來(lái)選擇調(diào)用,命名好的CSS又叫css選擇器。如： .css5{屬性：屬性值;} 選擇器在html調(diào)用為“

”如果不知道怎么引用CSS，那就可以了解下css引用。

而且class(類)在同一個(gè)html網(wǎng)頁(yè)頁(yè)面可以無(wú)數(shù)次的調(diào)用相同的class類，在這里例子里則可以在對(duì)應(yīng)的網(wǎng)頁(yè)里可以無(wú)數(shù)次調(diào)用選擇“css5”。這也說(shuō)明class一般是用來(lái)調(diào)用css中的預(yù)配制屬性的，比如說(shuō)有一個(gè)預(yù)配制屬性為如這里的“.class01{屬性：屬性值;} ”，這樣就可以像調(diào)用函數(shù)一樣不用再一個(gè)網(wǎng)頁(yè)頁(yè)面里重復(fù)的配置一個(gè)“類”屬性，而只需要寫上一個(gè)class類選擇，就可以在同一個(gè)頁(yè)面里任何位置調(diào)用選擇具有相同的CLASS類。

ID是表示著標(biāo)簽的身份，在JS腳本中會(huì)用到id，當(dāng)JS要修改一個(gè)標(biāo)簽的屬性時(shí)，JS會(huì)將id名作為該標(biāo)簽的唯一標(biāo)識(shí)進(jìn)行操作。也就是說(shuō)ID只是頁(yè)面元素的標(biāo)識(shí)，供其他元素腳本等引用。假如你的頁(yè)面里出現(xiàn)了兩個(gè)ID那JS效果特性較出現(xiàn)邏輯錯(cuò)誤不知道依據(jù)哪個(gè)ID來(lái)改變其標(biāo)簽屬性。 在CSS里的ID不一定為JS而設(shè)置的，但是同樣ID在頁(yè)面里也只能出現(xiàn)一次，并且是唯一性。雖然可能我們才學(xué)DIV+CSS愛好者在一個(gè)頁(yè)面里同時(shí)調(diào)用相同的ID多次但是仍然沒(méi)有出現(xiàn)頁(yè)面混亂錯(cuò)誤，但是我們?yōu)榱薟3C及各個(gè)標(biāo)準(zhǔn)我們也要遵循ID在一個(gè)頁(yè)面里唯一性。以免出現(xiàn)瀏覽器兼容問(wèn)題。

Div css 頁(yè)面中的ID是怎么個(gè)用法呢？
通常我們?cè)贑SS樣式定義的時(shí)候 以“#”來(lái)開頭命名id名稱如：#css5{屬性:屬性值;} 這個(gè)也有點(diǎn)像class的定義，只是class是以小寫句號(hào)“.”開頭命名，而ID是以“#”好開頭定義。那id是怎么個(gè)用法呢？ Css里的ID用法與class用法一樣，只是把class換成id。如例子：在CSS樣式定義ID --- #css5{height:25px;width: 200px;} ,調(diào)用ID --- 。

接下來(lái)我們來(lái)看下完整關(guān)于CLASS和ID實(shí)例：

代碼如下:

 
 
 
 
 
 
 
 
我在瀏覽器下瀏覽，內(nèi)容背景將是白色