html css中id和class的區別比較，htmlcssidclass

html css中id和class的區別比較，htmlcssidclass

在定義樣式的時候，有時候會將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更多地被用來實現宏偉布局和設計包含塊，或包含框的樣式。