css樣式中id 和class使用哪個(gè)好

當(dāng)定義一個(gè)屬性時(shí)，是使用id，還是使用class？我們平常在用DIV CSS制作Xhtml網(wǎng)頁(yè)頁(yè)面時(shí)，常會(huì)用到class 和id來(lái)選擇調(diào)用CSS樣式屬性。對(duì)學(xué)習(xí)CSS的新手來(lái)說(shuō)class和id可能比較模糊，同時(shí)不知道什么時(shí)候該用class，什么時(shí)候又用id，以及它們用法與限制是怎么樣的。接下來(lái)我們就來(lái)詳細(xì)了解CLASS與ID基本屬性及用法。 DIV CSS中id與class使用原則id的使用原則：先來(lái)說(shuō)說(shuō)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腳本中會(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愛(ài)好者在一個(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)題。 class的使用原則：class在CSS的定義中具有普遍性。說(shuō)白一點(diǎn)就是class具有可重復(fù)無(wú)限制的使用多次，園子建議大家盡量在結(jié)構(gòu)內(nèi)部使用。這樣做的好處是有利于網(wǎng)站代碼的后期維護(hù)與修改，這樣的做法就會(huì)讓所有的class都成為id的子級(jí)或是孫級(jí)。在我們寫(xiě)CSS的時(shí)候可以寫(xiě)成這樣#father.child{…}，另外需要注意的是盡量不要讓class包含id，比如.father#child{…}如果寫(xiě)成這樣很顯然就非常不可取。當(dāng)然這也只是相對(duì)于良好書(shū)寫(xiě)習(xí)慣的一些建議，僅供大家參考。 Class 在程序中稱“類(lèi)”，同時(shí)在CSS中也書(shū)面語(yǔ)也叫“類(lèi)”。在CSS樣式中以小寫(xiě)的“點(diǎn)”及“.”來(lái)命名如： .css5{屬性：屬性值;} ,而在html頁(yè)面里則以class="css5" 來(lái)選擇調(diào)用,命名好的CSS又叫css選擇器。如： .css5{屬性：屬性值;} 選擇器在html調(diào)用為“我是class例子 ”如果不知道怎么引用CSS，那就可以了解下css引用。 而且class(類(lèi))在同一個(gè)html網(wǎng)頁(yè)頁(yè)面可以無(wú)數(shù)次的調(diào)用相同的class類(lèi)，在這里例子里則可以在對(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è)“類(lèi)”屬性，而只需要寫(xiě)上一個(gè)class類(lèi)選擇，就可以在同一個(gè)頁(yè)面里任何位置調(diào)用選擇具有相同的CLASS類(lèi)。Div css 頁(yè)面中的ID是怎么個(gè)用法呢？通常我們?cè)贑SS樣式定義的時(shí)候 以“#”來(lái)開(kāi)頭命名id名稱如：#css5{屬性:屬性值;} 這個(gè)也有點(diǎn)像class的定義，只是class是以小寫(xiě)句號(hào)“.”開(kāi)頭命名，而ID是以“#”好開(kāi)頭定義。那id是怎么個(gè)用法呢？ Css里的ID用法與class用法一樣，只是把class換成id。如例子：在CSS樣式定義ID --- #css5{height:25px;width: 200px;} ,調(diào)用ID --- 我是ID例子。其實(shí)兩種方法的效果是一樣的，但是id只能給一個(gè)元素指明類(lèi)樣式，而class可以在任一元素中定義它的樣式。特別注意：在命名id和class類(lèi)的時(shí)候特別要注意大小寫(xiě)，ID和class是對(duì)大小寫(xiě)非常敏感的，最好以英文開(kāi)頭，不要用中文命名CSS類(lèi)名。 保持一個(gè)良好的代碼書(shū)寫(xiě)習(xí)慣對(duì)于以后的代碼維護(hù)會(huì)有很大的幫助

成都創(chuàng)新互聯(lián)專(zhuān)注于企業(yè)成都全網(wǎng)營(yíng)銷(xiāo)、網(wǎng)站重做改版、青州網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5頁(yè)面制作、成都商城網(wǎng)站開(kāi)發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為青州等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。

css中的類(lèi)樣式和id樣式

W3C標(biāo)準(zhǔn)中對(duì)于ID與CLASS的設(shè)定是：ID具有唯一性，CLASS具有普遍性。

而目前大部分瀏覽器確實(shí)可以定義頁(yè)面中多個(gè)元素的ID相同，并賦以相同的樣式，因?yàn)槟壳暗臑g覽器和CSS都對(duì)其睜一只眼閉一只眼。

就比如說(shuō)法律規(guī)定你做好事，但你也可以去做壞事一樣。這是一個(gè)標(biāo)準(zhǔn)，你可以遵守，也可以不遵守，但是不遵守的后果很?chē)?yán)重。

在CSS中你可能不會(huì)碰到太大的問(wèn)題。但是當(dāng)用JavaScript調(diào)用ID時(shí)，問(wèn)題就來(lái)了，比如下面的代碼：

p id="html"人aaaaa/p

code id="html"fffff/code

scriptalert(document.getElementById("html").innerHTML)/script

這個(gè)彈出的結(jié)果是 人aaaaa。而 下面的元素就完全被忽略了。

這只是一個(gè)小小的測(cè)試，具體到做項(xiàng)目的時(shí)候會(huì)碰到什么后果就沒(méi)法預(yù)計(jì)了。

所以建議你還是遵守標(biāo)準(zhǔn)來(lái)設(shè)計(jì)網(wǎng)頁(yè)。

ID在頁(yè)面中必須唯一。這樣才符合web2.0標(biāo)準(zhǔn)。

Css中設(shè)置id的寫(xiě)法是什么？

可以這樣理解：

一、元素：就是html標(biāo)簽，比如table，tr，td，img，input等等，在對(duì)這些使用css的時(shí)候，元素名前面可以不用加任何符號(hào)，如：對(duì)網(wǎng)頁(yè)中所有input元素用一個(gè)css樣式，那么可以在樣式中寫(xiě) input｛樣式｝

二、ID：如果想在網(wǎng)頁(yè)中某個(gè)特定地方使用css，這時(shí)候就可以給那個(gè)元素一個(gè)ID，在樣式的時(shí)候，ID前面要加“#”，比如：想對(duì)ID為test的表格應(yīng)用一個(gè)css樣式，可以寫(xiě)作 #test

三、類(lèi)就是大多數(shù)情況下都可以調(diào)用的，在前面要加個(gè)“.”，然后在使用的時(shí)候用 “class=類(lèi)名”

在CSS樣式應(yīng)用中怎樣區(qū)別ID、class、style??

這樣跟你說(shuō)吧.ID就是JS程序要用到的標(biāo)簽,可以給ID樣式.ID是獨(dú)一無(wú)二的.ID在寫(xiě)樣式的時(shí)候用" # "

class就是樣式啦,普通的樣式.class在樣式表里面寫(xiě)樣式的時(shí)候用 " . "

style就是行內(nèi)的樣式.優(yōu)先級(jí)最高.style寫(xiě)的時(shí)候一般情況下寫(xiě)在行內(nèi).就直接用 style="" 這樣

希望能幫到你.

Css中設(shè)置id的寫(xiě)法是什么

可以這樣理解：

一、元素：就是html標(biāo)簽，比如table，tr，td，img，input等等，在對(duì)這些使用css的時(shí)候，元素名前面可以不用加任何符號(hào)，如：對(duì)網(wǎng)頁(yè)中所有input元素用一個(gè)css樣式，那么可以在樣式中寫(xiě) input｛樣式｝

二、ID：如果想在網(wǎng)頁(yè)中某個(gè)特定地方使用css，這時(shí)候就可以給那個(gè)元素一個(gè)ID，在樣式的時(shí)候，ID前面要加“#”，比如：想對(duì)ID為test的表格應(yīng)用一個(gè)css樣式，可以寫(xiě)作 #test

三、類(lèi)就是大多數(shù)情況下都可以調(diào)用的，在前面要加個(gè)“.”，然后在使用的時(shí)候用 “class=類(lèi)名”