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

• 水平居中的作用。
• 用在行內(nèi)元素。

2、IE 盒模型和W3C盒模型有什么區(qū)別?

• IE盒模型：
  width= border + padding + 內(nèi)容寬度
  <div> width:100px; border:10px solid; padding:10px; </div>
  那面content的寬度就是:
  100px － border-left:10px; － padding-left:10px; － padding-right:10px; － border-right:10px;=60px。
• W3C盒模型：
  width = 內(nèi)容寬度
  border、padding所占空間不包含在width和height的范圍內(nèi)。
  width設(shè)置為100px，content的寬度就是100px。

3、*{ box-sizing: border-box;}的作用是什么？

• box-sizing:border-box：
  指定使用IE盒模型。
  使用IE盒模型也是有好處的，可以省去計算邊框、內(nèi)邊距的時間。

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

• line-height:2：
  行高為本身字體的2倍。
• line-height:200%：
  行高為父元素文字大小的2倍

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

• inline-block的特性：
  呈現(xiàn)行內(nèi)元素的特性，不占據(jù)一整行，寬度大小由內(nèi)容決定，同時又有塊級元素的特性，可設(shè)置寬高和內(nèi)外邊距。
• 如何去除縫隙：
  1、第一種方法：
  先去除標簽之間的空格，父元素設(shè)置font-size:0;，行內(nèi)元素在設(shè)置字體大小。
  2、第二種方法：
  <div> <span>饑人谷</span><span>饑人谷</span>
  3、第三種方法：
  <div> <span>饑人谷<span>饑人谷</span>
  4、第四種方法：
  `<div>

• inline-block元素如何頂端對齊：
  行內(nèi)元素設(shè)置vertical-align:top;

6、CSS sprite 是什么?

CSS Sprites在國內(nèi)很多人叫css精靈是一種網(wǎng)頁圖片應用處理方式。它允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去，這樣一來，當訪問該頁面時，載入的圖片就不會像以前那樣一幅一幅地慢慢顯示出來了。對于當前網(wǎng)絡(luò)流行的速度而言，不高于200KB的單張圖片的所需載入時間基本是差不多的，所以無需顧忌這個問題。加速的關(guān)鍵，不是降低重量，而是減少個數(shù)。傳統(tǒng)切圖講究精細，圖片規(guī)格越小越好，重量越小越好，其實規(guī)格大小無所謂，計算機統(tǒng)一都按byte計算?？蛻舳嗣匡@示一張圖片都會向服務器發(fā)送請求。所以，圖片越多請求次數(shù)越多，造成延遲的可能性也就越大。

7、讓一個元素"看不見"有幾種方式？有什么區(qū)別?

opacity：0；整體透明度為零
visibility：hidden：和opacity類似
display：none；消失，不占用位置
background-color：rgba（0，0，0，0.2）；設(shè)置背景色透明