1、介紹一下標準的CSS盒子模型溉浙?低版本IE的盒子模型有什么不同?
- (1)有兩種蒋荚,IE盒子模型戳稽、W3C盒子模型;
- (2)盒子模型:內(nèi)容(content)圆裕、填充(padding)广鳍、margin(margin)荆几、邊框(border);
- (3)區(qū)別:IE的content部分把border和padding計算了進去赊时;
W3C盒子模型
IE盒子模型
2吨铸、CSS選擇符有哪些?哪些屬性可以繼承祖秒?
- (1)id選擇器(#myid)
(2)類選擇器(.myclassname)
(3)標簽選擇器(div诞吱,h1,p)
(4)相鄰選擇器(h1+p)
(5)子選擇器(ul>li)
(6)后代選擇器(li a)
(7)通配符選擇器(*)
(8)屬性選擇器(a[rel="external"])
(9)偽類選擇器(a:hover,li:nth-child) - 可繼承的樣式:font-size font-family color竭缝,UL LI DL DD DT;
- 不可繼承的樣式:border padding margin width height房维;
3、CSS優(yōu)先級算法如何計算抬纸?
- 優(yōu)先級就近原則咙俩,同權(quán)重情況下樣式定義最近者為準;
- 載入樣式以最后載入的定位為準湿故;
優(yōu)先級:!important>id>class>tag (important比內(nèi)聯(lián)優(yōu)先級高)