1.class和id的使用場景

類選擇器，匹配class包含特定類的元素，文檔中可以多個元素帶有同一個類

id選擇器，匹配特定的id元素，一個id文檔中只能使用一次?？梢愿鶕d獲得標簽 document.getElementById();

2.css中常見的選擇器有幾種？

基礎選擇器，組合選擇器，屬性選擇器，偽類選擇器，偽元素選擇器

3.選擇器的優先級是怎樣的？對于復雜場景如何計算優先級？

！important>內聯式>id選擇器>類選擇器>偽類選擇器>屬性選擇器>標簽選擇器

兩個選擇器同時選中了一個標簽并且權重相同時，id選擇器直接作用在選中標簽的選擇器權重更高。

如果兩個選擇器權重相同，則后面的選擇器覆蓋前面的選擇器。

4.a:link,a:hover,a:active,a:visited的順序是怎樣的？為什么？

順序是link visited hover active?

5.以下選擇器分別是什么意思？

選擇id為header的標簽

選擇包含header類的標簽

父親類名為header子元素類名為logo的標簽

選擇同時包含.header和.mobile類的標簽

父元素為.header的后代元素為p和后代元素為h3的標簽

選擇id為header的后代類名為nav下的所有為li的子元素

id為header的標簽后代a鼠標懸停時候的效果

匹配id為header后代元素類名為logo的同級元素p

匹配父元素id為header的 后代元素type值為value的input

6.介紹一下標準的css的盒子模型？與低版本IE的盒模型有什么不同？

標準的盒模型width和height不包含padding和border，IE盒模型的width包括content尺寸+padding+border