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 在程序中稱(chēng)“類(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名稱(chēng)如：#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ì)有很大的幫助

我們提供的服務(wù)有：網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、新賓ssl等。為成百上千家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢(xún)和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的新賓網(wǎng)站制作公司

高手請(qǐng)進(jìn)！關(guān)于CSS中class選擇器使用多種樣式的問(wèn)題

這是class類(lèi)別選擇器的一種簡(jiǎn)單應(yīng)用，class="style1 style2"也就是使用style1與style2所有樣式的并集，但是需要注意的是：這個(gè)是有順序的，class="style1 style2"首先載入style1里面的樣式，然后再載入style2的，如果style1與style2里面有相同的屬性，但是他們的值不同，比如：style1里面有color:red;而style2里面有color:green;那么最終的值就是后面的那個(gè)color:green;，如果你要使用（div class="style1"/div或div class="style2"/div）這樣的樣子，只需把二者里面的內(nèi)容放到一個(gè)里面就行了，順便注意一下前面說(shuō)到的問(wèn)題就行了

css 多個(gè)類(lèi)似的class名 怎么使用一個(gè)css樣式

方法1：用css的屬性選擇器。

div[class^="aa"]?{

background-color:#d6d6d6;

height:?50px;

}

div?class="aa1"1/div

div?class="aa2"2/div

div?class="aa3"3/div

方法2：用空格分隔多個(gè)class

.aa?{

background-color:#d6d6d6;

height:?50px;

}

div?class="aa?aa1"1/div

div?class="aa?aa2"2/div

div?class="aa?aa3"3/div

HTML CSS樣式 怎樣給一個(gè)表格添加兩個(gè)class樣式

直接在aa后面空格寫(xiě)上bb。

table class="aa?bb"

tr

tdrow?1,?cell?1/td

tdrow?1,?cell?2/td

/tr

tr

tdrow?2,?cell?1/td

tdrow?2,?cell?2/td

/tr

/table

擴(kuò)展資料：

class 屬性規(guī)定元素的類(lèi)名（classname）。

class 屬性大多數(shù)時(shí)候用于指向樣式表中的類(lèi)（class）。不過(guò)，也可以利用它通過(guò) JavaScript 來(lái)改變帶有指定 class 的 HTML 元素。

可以給 HTML 元素賦予多個(gè) class。例如：span class="left_menu important"，可以把若干個(gè) CSS 類(lèi)合并到一個(gè) HTML 元素。

提示：

1、class 屬性不能在以下 HTML 元素中使用：base, head, html, meta, param, script, style 以及 title。

2、提示：類(lèi)名不能以數(shù)字開(kāi)頭！只有 Internet Explorer 支持這種做法。

css 中的class是什么意思!

class是類(lèi)選擇器，允許以一種獨(dú)立于文檔元素的方式來(lái)指定樣式。

在使用類(lèi)選擇器之前，需要修改具體的文檔標(biāo)記，以便類(lèi)選擇器正常工作。

為了將類(lèi)選擇器的樣式與元素關(guān)聯(lián)，必須將 class 指定為一個(gè)適當(dāng)?shù)闹怠Ｕ?qǐng)看下面的 HTML 代碼：

h1 class="important" This heading is very important. /h1 p class="important" This paragraph is very important. /p

在上面的代碼中，兩個(gè)元素的 class 都指定為 important：第一個(gè)標(biāo)題（ h1 元素），第二個(gè)段落（p 元素）。

擴(kuò)展資料

class 值中包含一個(gè)詞的情況。在 HTML 中，一個(gè) class 值中可能包含一個(gè)詞列表，各個(gè)詞之間用空格分隔。

例如：如果希望將一個(gè)特定的元素同時(shí)標(biāo)記為重要（important）和警告（warning），就可以寫(xiě)作：p class="important warning" This paragraph is a very important warning. /p 這兩個(gè)詞的順序無(wú)關(guān)緊要，寫(xiě)成 warning important 也可以。

假設(shè) class 為 important 的所有元素都是粗體，而 class 為 warning 的所有元素為斜體，class 中同時(shí)包含 important 和 warning 的所有元素還有一個(gè)銀色的背景 。

就可以寫(xiě)作：.important {font-weight:bold;} .warning {font-weight:italic;} .important.warning {background:silver;} 通過(guò)把兩個(gè)類(lèi)選擇器鏈接在一起，僅可以選擇同時(shí)包含這些類(lèi)名的元素（類(lèi)名的順序不限）。

參考資料來(lái)源：百度百科-類(lèi)選擇器

什么叫css class

css 是樣式表

class 是樣式表的類(lèi)屬性

例：

style

.aa{

color:#f00;

}

/style

a href="#" class="aa"字的顏色是紅色/a

百度百科里的解釋挺詳細(xì)的，建議你看看。

標(biāo)題名稱(chēng)：cssclass樣式,使用css樣式
轉(zhuǎn)載注明：http://chinadenli.net/article44/dsegshe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、外貿(mào)網(wǎng)站建設(shè)、面包屑導(dǎo)航、網(wǎng)站策劃、關(guān)鍵詞優(yōu)化、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)