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

作用在于使行內元素水平居中。作用在行內元素的父級元素上，讓行內元素水平居中。

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

主要的區(qū)別在width上：

• IE的width=文本寬度+padding+border。
• W3C的width=文本寬度。

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

使頁面上所有元素都使用IE盒模型。

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

• line-height: 2，指行高是該元素字體大小的2倍。
• line-height: 200%，指行高是該元素的父級元素字體大小的2倍。

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

• inline-block有什么特性？
  使行內元素具備塊級元素的特性，但又保持行內元素的特性。即可設置margin-top和margin-bottom等，同時不能獨占一行。
• 如何去除縫隙？
  • 將父級元素的font-size設置為0，再設置該元素的font-size。
  • 兩個行內元素連著寫，中間不換行。
• 高度不一樣的inline-block元素如何頂端對齊?
  使用vertical-align: top;。

6.CSS sprite 是什么?

CSS sprite將多個圖片合并成一個圖片，在使用時只顯示出所需要的該圖片的一部分，并且所有圖片的引用鏈接都是一樣的，從而能夠減少向服務器發(fā)出的請求。

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

• 瀏覽器會保留元素的位置，但看不見。
  opacity: 0 ; 透明度為0，整體
  visibility: hidden ; 和opacity:0 類似
• 瀏覽器不會保留元素的位置。
  display:none; 消失，不占用位置