1.class和id的使用場(chǎng)景
類選擇器掂恕,匹配class包含特定類的元素,文檔中可以多個(gè)元素帶有同一個(gè)類
id選擇器灼芭,匹配特定的id元素有额,一個(gè)id文檔中只能使用一次”吮粒可以根據(jù)id獲得標(biāo)簽 document.getElementById();
2.css中常見的選擇器有幾種巍佑?
基礎(chǔ)選擇器,組合選擇器寄悯,屬性選擇器萤衰,偽類選擇器,偽元素選擇器
3.選擇器的優(yōu)先級(jí)是怎樣的猜旬?對(duì)于復(fù)雜場(chǎng)景如何計(jì)算優(yōu)先級(jí)脆栋?
!important>內(nèi)聯(lián)式>id選擇器>類選擇器>偽類選擇器>屬性選擇器>標(biāo)簽選擇器
兩個(gè)選擇器同時(shí)選中了一個(gè)標(biāo)簽并且權(quán)重相同時(shí)洒擦,id選擇器直接作用在選中標(biāo)簽的選擇器權(quán)重更高椿争。
如果兩個(gè)選擇器權(quán)重相同,則后面的選擇器覆蓋前面的選擇器熟嫩。
4.a:link,a:hover,a:active,a:visited的順序是怎樣的秦踪?為什么?
順序是link visited hover active?
5.以下選擇器分別是什么意思掸茅?
選擇id為header的標(biāo)簽
選擇包含header類的標(biāo)簽
父親類名為header子元素類名為logo的標(biāo)簽
選擇同時(shí)包含.header和.mobile類的標(biāo)簽
父元素為.header的后代元素為p和后代元素為h3的標(biāo)簽
選擇id為header的后代類名為nav下的所有為li的子元素
id為header的標(biāo)簽后代a鼠標(biāo)懸停時(shí)候的效果
匹配id為header后代元素類名為logo的同級(jí)元素p
匹配父元素id為header的 后代元素type值為value的input
6.介紹一下標(biāo)準(zhǔn)的css的盒子模型椅邓?與低版本IE的盒模型有什么不同?
標(biāo)準(zhǔn)的盒模型width和height不包含padding和border昧狮,IE盒模型的width包括content尺寸+padding+border