11-id選擇器和class選擇器
第一段文字
第二段文字
第三段文字
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>11-id選擇器和class選擇器</title> <style> /* .para1{ color: red; font-size: 30px; } .para2{ font-size: 30px; text-decoration: underline; } .para3{ color: red; text-decoration: underline; } */ .colorR{ color: red; } .size30{ font-size: 30px; } .line{ text-decoration: underline; } </style> </head> <body> <!-- 1.id和class的區別? 1.1 id相當於人的身份證不可以重復 class相當於人的名稱可以重復 1.2 一個HTML標簽只能綁定一個id名稱 一個HTML標簽可以綁定多個class名稱 2.id選擇器和class選擇器區別? id選擇器是以#開頭 class選擇器是以.開頭 3.在企業開發中到底用id選擇器還是用class選擇器? id一般情況下是給js使用的, 所以除非特殊情況, 否則不要使用id去設置樣式 4.在企業開發中一個開發人員對類的使用可以看出這個開發人員的技術水平 一般情況下在企業開發中要注重冗余代碼的抽取, 可以將一些公共的代碼抽取到一個類選擇器中, 然后讓標簽和這個類選擇器綁定即可 --> <!-- <p class="para1">第一段文字</p> <p class="para2">第二段文字</p> <p class="para3">第三段文字</p> --> <p class="colorR size30">第一段文字</p> <p class="size30 line">第二段文字</p> <p class="colorR line">第三段文字</p> </body> </html>