class和id作為html元素的兩種標(biāo)識屬性對于初學(xué)者來說辣垒，倘若不仔細(xì)研究一番的話，還真有種——老虎老鼠傻傻分不清楚的感覺您访。既然html和Css當(dāng)中將元素的標(biāo)識屬性分為class和id季二，當(dāng)然不會沒事自虐狐粱。作為還是新手的teren君就在這篇技博深入淺出地談?wù)刢lass和id的區(qū)別以及適用情況伞剑，供小伙伴們參考參考斑唬。
class在html中是用于
描述元素身份的屬性，特點是可以在同一個頁面的不同元素命名同一個class的屬性值黎泣，常用于在使用CSS選擇器選擇元素時能夠進(jìn)行設(shè)計區(qū)域的樣式
具體代碼如下：
id在html中是用于描述元素身份的唯一標(biāo)識的屬性恕刘，特點是在同一個頁面的不同元素中id值唯一，常用于頁面的布局
具體代碼如下：
id和class屬性是網(wǎng)頁中常用的標(biāo)識元素身份的屬性抒倚，它們協(xié)同工作使整個頁面變得富有邏輯結(jié)構(gòu)和使設(shè)計更加豐富多彩雪营。當(dāng)我們?yōu)橐粋€元素定義樣式時『獗悖可以使用id，也可以使用class洋访。但是我們也應(yīng)該注意這兩者的區(qū)別镣陕。
- 在css樣式表中書寫時，
id選擇符前面應(yīng)該加前綴符號‘#’姻政，而class選擇符前面應(yīng)該加前綴符號‘.’ -
id屬性一般在一個頁面中只可以使用一次呆抑，而class可以被多次引用 - 在布局思路上，一般堅持這樣的原則：
id是先確定頁面的結(jié)構(gòu)和內(nèi)容汁展，然后再為它定義樣式：而class相反鹊碍，它先定義好一類樣式，然后再頁面中根據(jù)需要把類樣式應(yīng)用到不同的元素和內(nèi)容上面 - 目前瀏覽器都能
允許在同一個頁面內(nèi)出現(xiàn)多個相同屬性值的id食绿，一般情況下也能正常顯示侈咕，不過當(dāng)使用javascript通過id來控制元素時就會出現(xiàn)錯誤。 - 在實際應(yīng)用時器紧，
class更多的被應(yīng)用到文字版塊以及頁面修飾等方面耀销，而id更多地被用來實現(xiàn)宏偉布局和設(shè)計包含塊，或包含框的樣式铲汪。
參考資料：
