标簽選擇器和id選擇器&&類選擇器

1. 标簽選擇器

   1.什麼是标簽選擇器?

   作用: 根據指定的标簽名稱, 在目前界面中找到所有該名稱的标簽, 然後設定屬性

格式:

标簽名稱{

屬性:值;

}

注意點:

1.标簽選擇器選中的是目前界面中所有的标簽, 而不能單獨選中某一個标簽

2.标簽選擇器無論标簽藏得多深都能選中

3.隻要是HTML中的标簽就可以作為标簽選擇器(h/a/img/ul/ol/dl/input…)

1. id選擇器

   1.什麼是id選擇器?

   作用: 根據指定的id名稱找到對應的标簽, 然後設定屬性

格式:

#id名稱{

屬性:值;

}

注意點:

1.每個HTML标簽都有一個屬性叫做id, 也就是說每個标簽都可以設定id

2.在同一個界面中id的名稱是不可以重複的

3.在編寫id選擇器時一定要在id名稱前面加上#

4.id的名稱是有一定的規範的

4.1id的名稱隻能由字母/數字/下劃線

a-z 0-9 _

4.2id名稱不能以數字開頭

4.3id名稱不能是HTML标簽的名稱

不能是a h1 img input …

5.在企業開發中一般情況下如果僅僅是為了設定樣式, 我們不會使用id ,因為在前端開發中id是留給js使用的

1. 類選擇器

   1.什麼是類選擇器?

   作用: 根據指定的類名稱找到對應的标簽, 然後設定屬性

格式:

.類名{

屬性:值;

}

注意點:

1.每個HTML标簽都有一個屬性叫做class, 也就是說每個标簽都可以設定類名

2.在同一個界面中class的名稱是可以重複的

3.在編寫class選擇器時一定要在class名稱前面加上.

4.類名的命名規範和id名稱的命名規範一樣

5.類名就是專門用來給CSS設定樣式的

6.在HTML中每個标簽可以同時綁定多個類名

格式:

<标簽名稱 class=“類名1 類名2 …”>

錯誤的寫法:

< p class=“para1” class=“para2”>

1. id選擇器和類選擇器得差別

   1.id和class的差別?

   1.1

   id相當于人的身份證不可以重複

   class相當于人的名稱可以重複

   1.2

   一個HTML标簽隻能綁定一個id名稱

   一個HTML标簽可以綁定多個class名稱

2.id選擇器和class選擇器差別?

id選擇器是以#開頭

class選擇器是以.開頭