1樓:純潔的小樹
id應該保證唯一性,
class可以多處使用,以保證乙個樣式可以被多個元素應用到
id的權重要比class要高,css裡面應該經歷避免使用id來進行樣式定義
css 的 id 和 class 有什麼區別?如何正確使用它們
2樓:靈動電子商務****
css的id和class不同之處在於體現在以下幾個方面:
css中id的優先順序高於class,以下示例**進行說明:版猜猜class和權id優先順序誰高
猜猜class和id優先順序誰高
說明:無論class的樣式檔案在第一行或者第二行輸出結果都是紅色字型,說明id優先順序高於class。
2.class css中得用.class的屬性值,id是#id的值。
正確使用id和class
如果涉及到js獲取值的話用id,否則用class來寫。
注意事項:命名css的class和id應該有一定的規範性。
3樓:山東文匯軟體
id具有唯一性,baiclass具有普du遍性。
id是唯一的,所以盡量在zhi
結構外圍使dao用,通常用於專頁面布局。
class是可屬重複的,所以盡量在結構內部使用,通常用於樣式定義。
id的樣式優先順序高於class。
class類標記,可以用於被多個元素呼叫(以「.」選擇符命名樣式可以乙個頁面使用多次)
id:在同乙個頁面,只可以被呼叫一次,在css裡用「#」表示。
class:是類標籤,在同乙個頁面可以呼叫無數次(沒限制的),在css裡用「.」表示。
id就像乙個人的身份證,用於識別這個div的,class就像人身上穿的衣服,用於定義這個div的樣式。一般乙個網頁不設二個或二個以上同id的div,但class可以多個div用同乙個class
4樓:盜風的貓
id是唯一的,相當你的身份證號碼,不可以重複。
class是公用的,相當於你的名字,可以重複。
id是不存在相同的元素使用的標識,
class則可以用在多個相同樣式的元素中利用樣式表讓他們的樣式一致。
5樓:曹宇林童鞋
class和id都可以在css中使用,只是使用方法不同
class在css裡面使用的時候是用小寫的點加上class的名字
id在css裡面使用的時候是用#加上id的名字
6樓:夢之琳兒
在設計樣式的時候
抄且比如同乙個div中id是標示這個div的,id必須是獨一的,設定的樣式是該div的樣式
如果class的話,可以讓n個div都有此樣式。
希望給你幫助,o(∩_∩)o謝謝~
不懂可以追問哦~~
7樓:千鋒教育
三、類選擇器還是 id 選擇器?
類選擇器可以為任意多個元素指定類。
區別 1:只能在文件中使用一次
與類不同,在乙個 html 文件中,id 選擇器會使用一次,而且僅一次。
區別 2:不能使用 id 詞列表
不同於類選擇器,id 選擇器不能結合使用,因為 id 屬性不允許有以空格分隔的詞列表。
區別 3:id 能包含更多含義
類似於類,可以獨立於元素來選擇 id。有些情況下,您知道文件中會出現某個特定 id 值,但是並不知道它會出現在哪個元素上,所以您想宣告獨立的 id 選擇器。例如,您可能知道在乙個給定的文件中會有乙個 id 值為 mostimportant 的元素。
您不知道這個最重要的東西是乙個段落、乙個短語、乙個列表項還是乙個小節標題。您只知道每個文件都會有這麼乙個最重要的內容,它可能在任何元素中,而且只能出現乙個。在這種情況下,可以編寫如下規則:
#mostimportant
這個規則會與以下各個元素匹配(這些元素不能在同乙個文件中同時出現,因為它們都有相同的 id 值):
this is important!
this is important!
四、區分大小寫
請注意,類選擇器和 id 選擇器可能是區分大小寫的。這取決於文件的語言。html 和 xhtml 將類和 id 值定義為區分大小寫,所以類和 id 值的大小寫必須與文件中的相應值匹配。
因此,對於以下的 css 和 html,元素不會變成粗體:
#intro
this is a paragraph of introduction.
由於字母 i 的大小寫不同,所以選擇器不會匹配上面的元素。
css 的 id 和 class 有什麼區別?如何正確使用它們
8樓:曹宇林童鞋
class和id都可以在css中使用,只是使用方法不同
class在css裡面使用的時候是用小寫的點加上class的名字
id在css裡面使用的時候是用#加上id的名字
9樓:夢之琳兒
在設計樣式
的時候且比如同乙個div中id是標示這個
內div的,id必須是獨容一的,設定的樣式是該div的樣式如果class的話,可以讓n個div都有此樣式。
希望給你幫助,o(∩_∩)o謝謝~
不懂可以追問哦~~
10樓:張鐵柱
「.」是類選擇器的標識,「#」是id選擇器的標識舉例:html中
給該專div新增樣式方屬法:#demo{};
html中
給該div新增樣式方法:.demo{};
兩種方法的效果是一樣的,但是id具有唯一性,所以用id命名選擇器只能用一次,而class可以在任一元素中定義它的樣式
css 的 id 和 class 有什麼區別?如何正確使用它們
11樓:欣欣的光
好問題哦。兩者使用規則類似,最大的區別是乙個網頁上可以有多個元素屬於同乙個class,但id是唯一的,根據具體需要可以選擇最適合的方法。
class 在程式中稱「類」,同時在css中也書面語也叫「類」。在css樣式中以小寫的「點」及「.」來命名如:
.css5 ,而在html頁面裡則以 來選擇呼叫,命名好的css又叫css選擇器。如:
.css5 選擇器在html呼叫為「我是class例子
」如果不知道怎麼引用css,那就可以了解下css引用。
而且class(類)在同乙個html網頁頁面可以無數次的呼叫相同的class類,在這裡例子裡則可以在對應的網頁裡可以無數次呼叫選擇「css5」。這也說明class一般是用來呼叫css中的預配製屬性的,比如說有乙個預配製屬性為如這裡的「.class01 」,這樣就可以像呼叫函式一樣不用再乙個網頁頁面裡重複的配置乙個「類」屬性,而只需要寫上乙個class類選擇,就可以在同乙個頁面裡任何位置呼叫選擇具有相同的class類。
id是表示著標籤的身份,在js指令碼中會用到id,當js要修改乙個標籤的屬性時,js會將id名作為該標籤的唯一標識進行操作。也就是說id只是頁面元素的標識,供其他元素指令碼等引用。假如你的頁面裡出現了兩個id那js效果特性較出現邏輯錯誤不知道依據哪個id來改變其標籤屬性。
在css裡的id不一定為js而設定的,但是同樣id在頁面裡也只能出現一次,並且是唯一性。雖然可能我們才學div+css愛好者在乙個頁面裡同時呼叫相同的id多次但是仍然沒有出現頁面混亂錯誤,但是我們為了w3c及各個標準我們也要遵循id在乙個頁面裡唯一性。以免出現瀏覽器相容問題。
div css 頁面中的id是怎麼個用法呢?
通常我們在css樣式定義的時候 以「#」來開頭命名id名稱如:#css5 這個也有點像class的定義,只是class是以小寫句號「.」開頭命名,而id是以「#」好開頭定義。
那id是怎麼個用法呢? css裡的id用法與class用法一樣,只是把class換成id。
(來自divcss5)
最後,如果你在使用的過程中遇到問題,歡迎來問我喔!
css 的 id 和 class 有什麼區別?如何正確使用它們
12樓:靈動電子商務****
css的id和class不同之處在於體現在以下幾個方面:
css中id的優先順序
高於class,以下示例**進行說明:
猜猜class和id優先順序誰高
猜猜class和id優先順序誰高
說明:無論class的樣式檔案在第一行或者第二行輸出結果都是紅色字型,說明id優先順序高於class。
2.class css中得用.class的屬性值,id是#id的值。
正確使用id和class
如果涉及到js獲取值的話用id,否則用class來寫。
注意事項:命名css的class和id應該有一定的規範性。
13樓:黑馬程式設計師
1,在css樣式表中書寫時,id選擇符前面應該加字首
符號『#』,而class選擇符前面應該加字首符號『.』。
2,id屬性一般在乙個頁面中只可以使用一次,而class可以被多次引用。
3,id作為元素的標籤,用於區分不同結構和內容,而class作為乙個樣式,它可以應用到任何結構和內容上。
例如:html中
給該div新增樣式,有兩種方法:①直接在css檔案中定義id選擇器#div1{}②在css定義類選擇器.class1{},然後
指明他的類樣式 兩種方法的效果是一樣的,但是id只能給乙個元素指明類樣式,而class可以在任一元素中定義它的樣式。
舉個例子:class和id在頁面裡面的使用方法:
class:
footer
id:footer
定義class的css是用點:「.」,如.footer
定義id的css是用井號「#」,如#footer
//讓div居中對齊
讓div內的內容(包括文字及**)居中的**是: text-align:center;
css 的 id 和 class 有什麼區別?如何正確使用它們
14樓:匿名使用者
這兩個是css裡面的兩個選擇器, 對應於頁面上的元素的屬性id 和class ,也就是css通過id和class來找到頁面上匹配的id或class對應的元素,載入樣式。
如果是用id來選擇,css就是用#id的寫法。
如果是用class選擇,css就是 .class寫法
15樓:溫州甌越培訓學校
id 和 class的區別和使用:
1.id是頁面中唯一的,而class可以多個,(如下圖),1位置引號中只有2個,css5和css5_class,而2位置引號中就只能有乙個 css5_id
2.id要設定樣式時用「#」號定義,而class用「.」 號定義。
3.id的優先順序大於class
比如說在同乙個標籤中,id樣式中定義了文字顏色為紅色,class文字顏色為綠色。結果顯示是id的紅色。(如下圖)
CSS中class中的空格有什麼意義
class中的空格是為了給html標籤同時賦予多個class類名。在使用類選擇器之前,需要修改具體的文件標記,以便類選擇器正常工作。為了將類選擇器的樣式與元素關聯,必須將 class 指定為乙個適當的值。請看下面的 html this paragraph is very important.在上面的...
css的id樣式和類樣式是什麼意思
如果html的標籤是帶有id屬性的 比如 css中可以用id樣式去匹配它,而如果html標籤帶有類 class 屬性 比如 則可以用類樣式去匹配。id和類的最大區別在於 id就像是標籤的身份證,是帶有唯一性的,同乙個頁面中不可以存在id相同的元素,因此id樣式只能匹配乙個標籤 而類顧名思義就是指類別...
簡述CSS3和CSS2有什麼不同
css2基本上沒有互動動畫效果 而css3 增加了很多動畫互動效果 不要編寫js 就能實現動畫 css3比css2新増了部分屬性,也修改了少數屬性的用法,也停用了少部分。點出幾個比較新意便捷的 選擇器 att value 匹配包含以特定的值開頭的屬性的元素 att value 匹配包含以特定的值結尾...