1. text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中?

給父元素設(shè)置text-align: center屬性可以使元素中的文本行居中對(duì)齊，作用在塊級(jí)元素上（比如段落）,可以使其中的文本、圖片水平居中。

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 屬性允許您以特定的方式定義匹配某個(gè)區(qū)域的特定元素。
*{ box-sizing: border-box;}設(shè)置所有塊級(jí)元素，使其并排放置帶有指定寬度和高度的框，并把邊框和內(nèi)邊距放入框中。

4. line-height: 2和line-height: 200%有什么區(qū)別?

設(shè)置數(shù)字，此數(shù)字會(huì)與當(dāng)前的字體尺寸相乘來(lái)設(shè)置行間距。
設(shè)置百分比，會(huì)基于父元素字體尺寸的百分比設(shè)置行間距。

5. inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對(duì)齊?

• 既呈現(xiàn) inline 特性(不占據(jù)一整行，寬度由內(nèi)容寬度決定)
  又呈現(xiàn) block 特性 (可設(shè)置寬高，內(nèi)外邊距)
• 去除縫隙：父元素的font-size設(shè)置為0，子元素的font-size設(shè)置為實(shí)際大小
• 頂端對(duì)齊：給設(shè)置了inline-block的元素添加vertical-align: top

6. CSS sprites是什么?

CSS sprites在國(guó)內(nèi)很多人叫css精靈，是一種網(wǎng)頁(yè)圖片應(yīng)用處理方式。它允許你將一個(gè)頁(yè)面涉及到的所有零星圖片都包含到一張大圖中去，這樣一來(lái)，當(dāng)訪問(wèn)該頁(yè)面時(shí)，載入的圖片就不會(huì)像以前那樣一幅一幅地慢慢顯示出來(lái)了。CSS Sprites其實(shí)就是把網(wǎng)頁(yè)中一些背景圖片整合到一張圖片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的組合進(jìn)行背景定位，background-position可以用數(shù)字精確的定位出背景圖片的位置。

7. 讓一個(gè)元素"看不見(jiàn)"有幾種方式？有什么區(qū)別?

1.display：none
優(yōu)點(diǎn)：簡(jiǎn)單暴力，不需要多余代碼。缺點(diǎn)：會(huì)將元素從文檔刪除。
2.text-indent設(shè)置為足夠大的負(fù)值
這個(gè)值設(shè)置太大，如 -99999px 時(shí)，又會(huì)造成瀏覽器的性能問(wèn)題，而且有的高分辨率顯示器還是會(huì)顯示出來(lái)。
3.position:absolute;top:-999em或left:-999em通過(guò)絕對(duì)定位使其超出瀏覽器顯示界面。
優(yōu)點(diǎn)：信手拈來(lái)，隨意擺放，缺點(diǎn)：用法太死，不能隨意修改，比較死板
4.visibility:hidden
缺點(diǎn)：該屬性會(huì)繼承。而且用了該屬性屬性之后，元素在前端頁(yè)面是解析不出來(lái)的，但是元素依然存在在哪里，只不過(guò)我們?nèi)庋鄄豢梢?jiàn)，所以元素依然會(huì)影響到布局。
5.opacity:0把元素不透明度直接調(diào)節(jié)到了0,使其消失。
缺點(diǎn)：瀏覽器IE9以下的是不認(rèn)opacity屬性的.