1.text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中
text-align:center是讓行內(nèi)文本水平居中;作用在塊狀元素的文字和Img上以及display為inline或inline-block的容器上；讓內(nèi)聯(lián)元素在父級塊狀元素中居中。
2.IE 盒模型和W3C盒模型有什么區(qū)別?
<strong>W3C盒模型</strong>
<strong>IE盒模型</strong>
W3C盒模型的寬高等于填充物的寬高，IE盒模型的寬高包括border和padding。
3.*{ box-sizing: border-box;}的作用是什么？
指定所有元素都為IE盒模型。width = border + padding + 內(nèi)容的 width；
height = border + padding + 內(nèi)容的 height。
4.line-height: 2和line-height: 200%有什么區(qū)別?
line-height:2是相對本身文字高度的2倍，line-height：200%是相對父元素文字高度的2倍。
5.inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對齊?
即呈現(xiàn)inline特性（不占據(jù)一整行，寬度由內(nèi)容寬度決定）又呈現(xiàn)block特性（可設(shè)置寬高，內(nèi)外邊距）；
去除縫隙（有空白字符產(chǎn)生縫隙）：
1.把空白字符的字體設(shè)置為0；
2.把行內(nèi)元素擠在一起可以去掉空白。
設(shè)置vertical-align:top可以頂端對齊
6.CSS sprite 是什么?
css sprite是將不同圖片或圖標合并在一張圖上，然后利用css的background屬性定位背景圖位置。
優(yōu)點：可以減少網(wǎng)絡(luò)請求，提高網(wǎng)頁加載性能；
缺點：維護的時候比較麻煩，需要改動的時候整張圖都得改。
7.讓一個元素"看不見"有幾種方式？有什么區(qū)別?
opacity：0；設(shè)置透明度為0，占據(jù)位置；
display：none;不占據(jù)位置；
visiblity：hidden；和opacity：0類似；
background-color：rgba(0,0,0,0)設(shè)置背景色透明；
