HTML CSS中id和class的區別比較


id和class屬性是網頁中兩個通用的屬性,它們協同工作使整個頁面變得豐富多彩。當我們為一個元素定義樣式時。可以使用id,也可以使用class。但是我們也應該注意這兩者的區別。 

1,在css樣式表中書寫時,id選擇符前面應該加前綴符號‘#’,而class選擇符前面應該加前綴符號‘.’。 

2,id屬性一般在一個頁面中只可以使用一次,而class可以被多次引用。 

3,id作為元素的標簽,用於區分不同結構和內容,而class作為一個樣式,它可以應用到任何結構和內容上。 

4,在布局思路上,一般堅持這樣的原則:id是先確定頁面的結構和內容,然后再為它定義樣式:而class相反,它先定義好一類樣式,然后再頁面中根據需要把類樣式應用到不同的元素和內容上面。 

5,目前瀏覽器都能允許在同一個頁面內出現多個相同屬性值的id,一般情況下也能正常顯示,不過當使用javascript通過id來控制元素時就會出現錯誤。 

6,在實際應用時,class更多的被應用到文字版塊以及頁面修飾等方面,而id更多地被用來實現宏偉布局和設計包含塊,或包含框的樣式

 

轉自:http://www.jb51.net/css/35927.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM