1、css中id選擇器一次性原則，css怎么使用id規則遍歷？

html的id屬性可以在文檔中的任何位置被使用，但必須要遵循一些規則：

1、id屬性的值必須是以字母（az或AZ）開頭，例：

<p id="p">測試文字</p>

<p id="A">測試文字</p>

說明：id屬性的值是大小寫敏感的

2、后續字符可以是字母，數字（0-9），連字符（ - ），下劃線（_）

<p id="pa">測試文字</p>

<p id="A1">測試文字</p>

<p id="p-a">測試文字</p>

<p id="A_1">測試文字</p>

3、每個id屬性值在文檔中必須是唯一的

這樣就可以方便我們通過這個id屬性值來確定了Web站點的唯一元素，就可以使用css或者js來操作這個唯一元素，例：設置元素樣式、修改元素中包含的內容等等。

2、css3新增功能？

1、css3新增的超級選擇器：屬性選擇器、結構性偽類選擇器、UI元素狀態偽類選擇器、通用兄弟元素選擇器

2、使用選擇器在頁面中插入文字、圖片、項目編號等內容

3、文字陰影與自動換行

4、各類盒模型：總體分為block類型和in line類型，在細分為inline-block類型、inline-table類型、list-item類型、run-in類型、compact類型、表格相關類型、none類型

5、盒模型相關的屬性：overflow屬性（內容溢出）、box-shadow屬性（盒陰影）、box-sizing屬性（寬高計算）

6、新增的背景樣式backround-clip屬性、backround-origin屬性、backround-size屬性、backround-break屬性

7、新增的邊框樣式：border-radius屬性（圓角邊框）、border-image屬性（圖片邊框）

8、新增的 transform變形功能：rotate（旋轉）、scale（縮放）、skew（傾斜）、translate（移動）

9、新增的動畫功能：transition（平滑過渡）、animation（關鍵幀）

10、布局相關樣式：多欄布局、盒布局、彈性盒布局

11、兼容性問題

3、標簽選擇器有哪些？

1. 標簽名選擇器 div { color：Red;} /即頁面中的各個標簽名的css樣式

2.類選擇器 .divClass {color:Red;} /即定義的每個標簽的class 中的css樣式

3.ID選擇器 #myDiv {color:Red;} /即頁面中的標簽的id

4.后代選擇器（類選擇器的后代選擇器） .divClass span { color:Red;} /即多個選擇器以逗號的格式分隔 命名找到準確的標簽

5.群組選擇器 div,span,img {color:Red} /即具有相同樣式的標簽分組顯示

4、HTML中class和id標簽的區別？

id和class是定義css樣式用到的，不同的是定義樣式時的寫法不一樣，使用id選擇樣式時，定義的格式為#main{width:20px;}，使用class時用到的是.main{width:20px;}id重復使用在應用到js的時候可能會產生錯誤（當js代碼中用到這個id的時候），沒有規定不能重復使用。