萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> divcss中的id和class的區別是什麼

divcss中的id和class的區別是什麼

大家知道id和class的區別嗎?下面我們就給大家詳細介紹一下吧!我們知道在樣式表定義一個樣式的時候,可以定義id也可以定義class,例如:

ID方法:#test{color:#333333},在頁面中調用

內容

 

CLASS方法:.test{color:#333333},在頁面中調用

內容

 

id一個頁面只可以使用一次,class可以多次引用。

我在頁面中用了多個相同id在IE中顯示也正常,id和class好象沒什麼區別,用多個相同id有什麼影響嗎?

頁面存在多個相同的ID影響就是不能通過W3的校驗。

在頁面顯示上,目前的浏覽器還都允許你犯這個錯誤,用多個相同ID“一般情況下”也能正常顯示。但是當你需要用JavaScript通過id來控制這個div,那就會出現錯誤。

id是一個標簽,用於區分不同的結構和內容,就象你的名字,如果一個屋子有2個人同名,就會出現混淆;

class是一個樣式,可以套在任何結構和內容上,就象一件衣服;

概念上說就是不一樣的:

id是先找到結構/內容,再給它定義樣式;class是先定義好一種樣式,再套給多個結構/內容。

也就是說建議大家在寫XHML+CSS時如果是維一的結構定位的就用id,否則就用class吧(這樣讓出非結構定位的div塊的id讓程序員自己定義使用)

web標准希望大家用嚴格的習慣來寫代碼。

相信大家已經學會id和class的區別了吧!感謝大家對我們網站的支持!

相關推薦:

CSS文件及樣式命名技巧介紹

copyright © 萬盛學電腦網 all rights reserved