text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中
text-align: center，居中，作用在文字或者圖片，想讓圖片居中需要寫在父元素上

IE 盒模型和W3C盒模型有什么區(qū)別?
IE 盒模型包括內(nèi)邊距和邊框?qū)挾?，設(shè)置內(nèi)邊距都會在已設(shè)置的寬度和高度內(nèi)繪制
W3C盒模型不包括，只包括內(nèi)容的高度和寬度

*{ box-sizing: border-box;}的作用是什么？
設(shè)置盒子模型為IE 盒模型，即盒子模型包括內(nèi)邊距和邊框

line-height: 2和line-height: 200%有什么區(qū)別?
line-height: 2，子元素繼承時，會根據(jù)子元素字號計算行高
line-height: 200%，父元素先計算出行高，再繼承給父元素

inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對齊?
inline-block，對象呈現(xiàn)為inline對象，對象的內(nèi)容作為block對象呈現(xiàn)
去除縫隙，換行顯示或空格分隔的情況下會有間距，可以采用調(diào)整html結(jié)構(gòu)，結(jié)束標(biāo)簽換行；margin負數(shù)；父元素設(shè)置font-size:0
vertical-align，元素的垂直對齊方式

CSS sprite 是什么?
整合多個圖片為一張，通過background-position控制顯示圖片位置，顯示圖片的部分內(nèi)容，background-position中使用百分比，是相對于圖片大小的百分比

讓一個元素"看不見"有幾種方式？有什么區(qū)別?
display:none;不占空間，無法觸發(fā)點擊事件
visibility: hidden;占據(jù)空間，無法觸發(fā)點擊事件
opacity: 0;占據(jù)空間，可以觸發(fā)點擊事件