1.text-align: center的作用是什么买喧,作用在什么元素上等龙?能讓什么元素水平居中
text-align:center嘹黔,作用于行內(nèi)元素峭状,能讓文本和圖片使其水平居中對(duì)齊
2.IE 盒模型和W3C盒模型有什么區(qū)別?
W3C標(biāo)準(zhǔn)中padding天通、border所占的空間不在width泊窘、height范圍內(nèi),
IE的盒模型width包括content尺寸+padding+border
3.{ box-sizing: border-box;}的作用是什么土砂?.
box-sizing: content-box:w3c標(biāo)準(zhǔn)盒模型
box-sizing: border-box:“IE盒模型”此時(shí)增加他的內(nèi)邊距和邊框不必計(jì)算他的內(nèi)邊距和外邊距組成距離
4.line-height: 2和line-height: 200%有什么區(qū)別?
line-height: 2:設(shè)置數(shù)字州既,此數(shù)字會(huì)與當(dāng)前的字體尺寸乘2來(lái)設(shè)置行間距;
line-height: 200%:基于當(dāng)前字體尺寸的百分比行間距萝映。
5.inline-block有什么特性吴叶?如何去除縫隙?高度不一樣的inline-block元素如何頂端對(duì)齊?
inline-block使行內(nèi)元素或者是塊元素能夠在一行顯示序臂,能夠設(shè)置寬高蚌卤;
在父元素設(shè)置:font-size:0实束;或者是兩個(gè)行內(nèi)元素的結(jié)束符號(hào)和開始符號(hào)在一行顯示;
在父元素設(shè)置vercatial-align:top/middle;可以使元素頂端對(duì)齊逊彭;
6.CSS sprite 是什么?
雞蛋蛋來(lái)說(shuō)就是可以讓各種小圖標(biāo)顯示在一張圖片上咸灿,通過(guò)posstion定位各種圖標(biāo)所在的部位來(lái)顯示適當(dāng)?shù)膱D標(biāo),通過(guò)這種方法可以減少對(duì)服務(wù)器不必要的請(qǐng)求侮叮,緩解服務(wù)器的壓力避矢;
7.讓一個(gè)元素"看不見"有幾種方式?有什么區(qū)別?
opacity: 0 ; 透明度為0囊榜,整體审胸;占用位置
visibility: hidden ; 和opacity:0 占用位置
display:none; 消失,不占用位置
background-color: rgba(0卸勺,0砂沛,0,0.2) 只是背景色透明曙求;但是占用位置碍庵;