css的id樣式和類樣式是什麼意思

2021-03-06 00:01:23 字數 3908 閱讀 6879

1樓:網海1書生

如果html的標籤是帶有id屬性的(比如

),css中可以用id樣式去匹配它,而如果html標籤帶有類(class)屬性(比如

),則可以用類樣式去匹配。

id和類的最大區別在於:id就像是標籤的身份證,是帶有唯一性的,同乙個頁面中不可以存在id相同的元素,因此id樣式只能匹配乙個標籤;而類顧名思義就是指類別,是指乙個或多個具有某種相同特徵的標籤,因此類樣式可以同時匹配多個標籤。

2樓:武漢肥貓科技

id具有唯一性,class具有普遍性。

id樣式用為#

id:是指id為某個值的元素.css定義為:#div_id{}.定義之後就是id為div_id的div是這種樣式.範圍單一,一般用於指定的元素.

class類樣式用為.

類:是指class為某乙個值的元素.css定義為:.

div_class{}.定義之後就是類為div_class的div是這種樣式.範圍好控制,需要用這種樣式的就給他class就行了.

3樓:認定唯一

這是倆種選擇器

這倆者有區別的,class在網頁中可以使用多次,比如我們有3個div,這3個div都使用到了  .div樣式,我們就可以給3個div都加上class屬性

但是id不同,id是唯一的,你可以參考php中文的一些資料,希望對你有幫助,謝謝!

4樓:壞蛋的懶豬

id選擇器和類選擇器

首先是權重,id>類,比如同樣都是給乙個設定不同的背景色,id設定的背景色會生效。

其次,id選擇器在同乙個頁面只能用一次 是唯一的,類選擇器就沒有這樣的限制,可以迴圈使用多次。

div+css中class和id什麼意思啊?

5樓:__劇情丶

在展示上,id的優先權比class要高,舉例測試下:

因為id與class呼叫的都是css中樣式名,所以這裡用兩個樣式來比較,效果是最明顯了,看看頁面展示效果:

6樓:鰟鮍魚

class是類,襲

在乙個頁面中類名可以重複,如:

路航網路培訓

路航網路培訓

你只要在css裡設定一句.box所有用了那個類名的盒子都會使用該樣式,適合你頁面中需要使用相同樣式的地方

id名的正確用法是:

路航網路培訓

路航網路培訓

以下用法是錯誤的:

路航網路培訓

路航網路培訓

所以,"只能用一次"不是說id只能用一次,而是說同乙個id名在乙個頁面裡只能用一次

你關於的p的問題我不是很明白,我想說的是,html裡的p標籤的語義是段落標籤,一般別人一看就知道那是乙個段落,在css裡它也有自己的預設樣式。

7樓:匿名使用者

你說的那種情況copy也有,好多寫div+css的頁面的寫法不會特別規範,你可以多看看大型的**的寫法,一般class出現的次數會多於id,甚至不會用到id,因為id就像乙個人的身份標示,就像我們的身份證一樣,而class則像我們的衣服,撞衫再普遍不過,在段落中p標記你可以對它進行首行縮排等設定。具體頁面具體對待。

8樓:匿名使用者

id只能用一次來,是指在頁面設計的源

時候只能呼叫他的屬性一次,如果多於兩次就會混亂。舉個例子#css這個就是id

內容我寫的是正確的樣式,如果是錯誤的話**就會不認你的id屬性。這樣你的樣式就出不來了

這個是段落,預設他是換行

我們不要的話是也可以,不過有的時候做多個欄位的時候就要用到這個了。

9樓:匿名使用者

首先,籠統的回答,class在同乙個頁面中可以多次呼叫,而id只能在同乙個頁面中版只能呼叫一權次。

當然,可能你目前乙個頁面裡面多個地方呼叫同乙個id,頁面也正常顯示,那我只能說這只能認為是瀏覽器的糾錯功能,而不能說你這樣寫是對的,另外,如果頁面有用到js,而且有呼叫到你這個id,就很有可能會出問題的。 而同乙個class在同乙個頁面中你可以引用多次。

另外你說的,這個是css裡面的語義標籤,而不是控制外觀的標籤,比如還有標籤,你加與不加從外觀上是沒什麼區別的,這個語義類的標籤可能作用在於給搜尋引擎,或者是盲人閱讀(電腦通過語義識別該怎麼把網頁上的內容提取出來),

css中的id選擇器和類選擇器有什麼區別?

10樓:匿名使用者

什麼時候用id,什麼時候用class?

w3c標準這樣規定的,在同乙個頁面內,不允許回有相同名字的id物件出現,答但是允許相同名字的class。這樣,一般**分為頭,體,腳部分,因為考慮到它們在同乙個頁面只會出現一次,所以用id,其他的,比如說你定義了乙個顏色為red的class,在同乙個頁面也許要多次用到,就用class定義。另外,當頁面中用到js或者要動態呼叫物件的時候,要用到id,所以要根據自己的情況運用。

自己的語言。

11樓:愛笑的上尤流蘇

在乙個標準的html頁面中,copyid是唯一的,baiduclass是定義相同型別的

所以,id選擇器通常用來表zhi示傳遞給後台的參dao數class選擇器通常用於前端樣式的選擇。

簡單來說,就是id供前後臺互動使用,class用於前端樣式css使用,也有一些例外,例如單選框,需要同時定義id和class,id用於表示引數不同,class用來表示他們是同一類引數

12樓:匿名使用者

id選擇器只能應用乙個物件,而類選擇器是可以應用到多個樣式中的

13樓:新翼追風

個人覺得,很多時候並沒有區別.

但document的方法中有getelementbyid()這個方法倒是只能用id的.

14樓:塗含秀扶紹

派生選擇器

可以使bai乙個元du素zhi裡的子元

素定義樣式

例如:li a

就是給li下的dao子元素a定義乙個14px號畫素版的字型樣式類別權選擇器

在html中引入css樣式通常由,類別選擇器在css中用乙個「.」點開頭表示

如:.box

在html頁面中,用的方法呼叫:

這裡是內容

類別選擇器方法比較簡單靈活,可以隨時根據頁面的需求新建和刪除還有,id選擇器

在css中用「#」號開頭表示

如:#box

在html頁面中,用的方法呼叫:

這裡是內容

id選擇器和類別選擇器其實是一樣的

通常id選擇器僅是用來表示不重複的樣式

相對的來說,類別選擇器靈活一些,而id選擇器僅表示重要的樣式字段

15樓:旗塵印雪瑤

id選擇器只能在頁面中呼叫一次.

如果只說css的使用,除了id只能呼叫一次.那就還有id選擇器優先於class...

其它的沒有什麼區別.

再區別就是id用於後期js中

16樓:金豆清雲溪

相同點:可復以應用於任何元

製素不同點:

1、id選擇器只能在文件中使用一次。與類選擇

器不同,在乙個html文件中,id選擇器只能使用一次,而且僅一次。而類選擇器可以使用多次。

下面**是正確的:

而下面**是錯誤的:

2、可以使用類選擇器詞列表方法為乙個元素同時設定多個樣式。我們可以為乙個元素同時設多個樣式,但只可以用類選擇器的方法實現,id選擇器是不可以的(不能使用

id詞列表)。

下面的**是正確的

上面**的作用是為「三年級」三個文字設定文字顏色為紅色並且字型大小為25px。

下面的**是不正確的

上面**不可以實現為「三年級」三個文字設定文字顏色為紅色並且字型大小為25px的作用。

CSS布局有哪幾種型別,CSS樣式的選擇器的四種型別中,哪種型別主要用於網頁的布局?

五種基本布局定位型別 彈性布局 總體寬度及其中所有欄的值都以 em 單位編寫。這應使布局能夠使用瀏覽器的指定基本字型大小縮放。對於視力不好的使用者,這可能更有吸引力 更易於訪問,因為欄寬度將變得更寬,能以任何大小顯示更舒適 更可讀的行長度。由於總體寬度將縮放,您的設計必須允許可這寬度。固定布局 總體...

怎麼在css中對同標籤設定不同的樣式

網易網易 在原有的設定基礎上,用class定義那些特殊樣式的鏈結。注意,class可以重複使專用,例如可以有多個a設定,當對屬這個class進行樣式設定時,就可以同時對這多個a起作用了。如果對個別a要進行特殊設定時,就給他乙個單獨的id,進行單獨的樣式處理。設定完全局的樣式後,區域性樣式不一樣,就在...

在css樣式中怎樣設定他們兩個按鈕的距離

塊元素的之間的間距使用margin屬性設定。css margin 屬性 定義和用法 margin 簡寫屬性在乙個宣告內中設定所有外邊距屬性。該屬容性可以有 1 到 4 個值。說明這個簡寫屬性設定乙個元素所有外邊距的寬度,或者設定各邊上外邊距的寬度。塊級元素的垂直相鄰外邊距會合併,而行內元素實際上不佔...