建站
咨詢
售后
建站咨詢
新聞中心
css樣式中id 和class使用哪個好
當(dāng)定義一個屬性時，是使用id，還是使用class？我們平常在用DIV CSS制作Xhtml網(wǎng)頁頁面時，常會用到class 和id來選擇調(diào)用CSS樣式屬性。對學(xué)習(xí)CSS的新手來說class和id可能比較模糊，同時不知道什么時候該用class，什么時候又用id，以及它們用法與限制是怎么樣的。接下來我們就來詳細(xì)了解CLASS與ID基本屬性及用法。 DIV CSS中id與class使用原則id的使用原則：先來說說id，id具有唯一性，其使用原則也是依據(jù)這一特性建立的。id是不能重復(fù)的，所以在XHTML的結(jié)構(gòu)中，大結(jié)構(gòu)一定是用id。比如標(biāo)志、導(dǎo)航、主體內(nèi)容、版權(quán)。這些根據(jù)制定的規(guī)范命名為#logo,#nav,#content,#copyright等等，本著其唯一性的原則園子建議定義id盡量在外圍使用。ID是表示著標(biāo)簽的身份，在JS腳本中會用到id，當(dāng)JS要修改一個標(biāo)簽的屬性時，JS會將id名作為該標(biāo)簽的唯一標(biāo)識進行操作。也就是說ID只是頁面元素的標(biāo)識，供其他元素腳本等引用。假如你的頁面里出現(xiàn)了兩個ID那JS效果特性較出現(xiàn)邏輯錯誤不知道依據(jù)哪個ID來改變其標(biāo)簽屬性。 在CSS里的ID不一定為JS而設(shè)置的，但是同樣ID在頁面里也只能出現(xiàn)一次，并且是唯一性。雖然可能我們才學(xué)DIV+CSS愛好者在一個頁面里同時調(diào)用相同的ID多次但是仍然沒有出現(xiàn)頁面混亂錯誤，但是我們?yōu)榱薟3C及各個標(biāo)準(zhǔn)我們也要遵循ID在一個頁面里唯一性。以免出現(xiàn)瀏覽器兼容問題。 class的使用原則：class在CSS的定義中具有普遍性。說白一點就是class具有可重復(fù)無限制的使用多次，園子建議大家盡量在結(jié)構(gòu)內(nèi)部使用。這樣做的好處是有利于網(wǎng)站代碼的后期維護與修改，這樣的做法就會讓所有的class都成為id的子級或是孫級。在我們寫CSS的時候可以寫成這樣#father.child{…}，另外需要注意的是盡量不要讓class包含id，比如.father#child{…}如果寫成這樣很顯然就非常不可取。當(dāng)然這也只是相對于良好書寫習(xí)慣的一些建議，僅供大家參考。 Class 在程序中稱“類”，同時在CSS中也書面語也叫“類”。在CSS樣式中以小寫的“點”及“.”來命名如： .css5{屬性：屬性值;} ,而在html頁面里則以class="css5" 來選擇調(diào)用,命名好的CSS又叫css選擇器。如： .css5{屬性：屬性值;} 選擇器在html調(diào)用為“我是class例子 ”如果不知道怎么引用CSS，那就可以了解下css引用。 而且class(類)在同一個html網(wǎng)頁頁面可以無數(shù)次的調(diào)用相同的class類，在這里例子里則可以在對應(yīng)的網(wǎng)頁里可以無數(shù)次調(diào)用選擇“css5”。這也說明class一般是用來調(diào)用css中的預(yù)配制屬性的，比如說有一個預(yù)配制屬性為如這里的“.class01{屬性：屬性值;} ”，這樣就可以像調(diào)用函數(shù)一樣不用再一個網(wǎng)頁頁面里重復(fù)的配置一個“類”屬性，而只需要寫上一個class類選擇，就可以在同一個頁面里任何位置調(diào)用選擇具有相同的CLASS類。Div css 頁面中的ID是怎么個用法呢？通常我們在CSS樣式定義的時候 以“#”來開頭命名id名稱如：#css5{屬性:屬性值;} 這個也有點像class的定義，只是class是以小寫句號“.”開頭命名，而ID是以“#”好開頭定義。那id是怎么個用法呢？ Css里的ID用法與class用法一樣，只是把class換成id。如例子：在CSS樣式定義ID --- #css5{height:25px;width: 200px;} ,調(diào)用ID --- 我是ID例子。其實兩種方法的效果是一樣的，但是id只能給一個元素指明類樣式，而class可以在任一元素中定義它的樣式。特別注意：在命名id和class類的時候特別要注意大小寫，ID和class是對大小寫非常敏感的，最好以英文開頭，不要用中文命名CSS類名。 保持一個良好的代碼書寫習(xí)慣對于以后的代碼維護會有很大的幫助
創(chuàng)新互聯(lián)建站長期為成百上千客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為密云企業(yè)提供專業(yè)的成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)，密云網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。
Css中設(shè)置id的寫法是什么？
可以這樣理解：
一、元素：就是html標(biāo)簽，比如table，tr，td，img，input等等，在對這些使用css的時候，元素名前面可以不用加任何符號，如：對網(wǎng)頁中所有input元素用一個css樣式，那么可以在樣式中寫 input｛樣式｝
二、ID：如果想在網(wǎng)頁中某個特定地方使用css，這時候就可以給那個元素一個ID，在樣式的時候，ID前面要加“#”，比如：想對ID為test的表格應(yīng)用一個css樣式，可以寫作 #test
三、類就是大多數(shù)情況下都可以調(diào)用的，在前面要加個“.”，然后在使用的時候用 “class=類名”
在CSS樣式應(yīng)用中怎樣區(qū)別ID、class、style??
這樣跟你說吧.ID就是JS程序要用到的標(biāo)簽,可以給ID樣式.ID是獨一無二的.ID在寫樣式的時候用" # "
class就是樣式啦,普通的樣式.class在樣式表里面寫樣式的時候用 " . "
style就是行內(nèi)的樣式.優(yōu)先級最高.style寫的時候一般情況下寫在行內(nèi).就直接用 style="" 這樣
希望能幫到你.
css中的類樣式和id樣式
W3C標(biāo)準(zhǔn)中對于ID與CLASS的設(shè)定是：ID具有唯一性，CLASS具有普遍性。
而目前大部分瀏覽器確實可以定義頁面中多個元素的ID相同，并賦以相同的樣式，因為目前的瀏覽器和CSS都對其睜一只眼閉一只眼。
就比如說法律規(guī)定你做好事，但你也可以去做壞事一樣。這是一個標(biāo)準(zhǔn)，你可以遵守，也可以不遵守，但是不遵守的后果很嚴(yán)重。
在CSS中你可能不會碰到太大的問題。但是當(dāng)用JavaScript調(diào)用ID時，問題就來了，比如下面的代碼：
p id="html"人aaaaa/p
code id="html"fffff/code
scriptalert(document.getElementById("html").innerHTML)/script
這個彈出的結(jié)果是 人aaaaa。而 下面的元素就完全被忽略了。
這只是一個小小的測試，具體到做項目的時候會碰到什么后果就沒法預(yù)計了。
所以建議你還是遵守標(biāo)準(zhǔn)來設(shè)計網(wǎng)頁。
ID在頁面中必須唯一。這樣才符合web2.0標(biāo)準(zhǔn)。
網(wǎng)站標(biāo)題：id樣式css樣式,css的高級樣式使用ID屬性
標(biāo)題來源：http://fisionsoft.com.cn/article/dssijij.html
