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

設置文本水平居中，作用在父元素上，能讓其下行內元素和inline-block元素居中。

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

IE盒模型的width和height包含padding和border，W3C盒模型不包含。

QQ截圖20170419142303.png

2.png

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

設置為IE盒模型，可令瀏覽器呈現(xiàn)出帶有指定寬度和高度的框，并把邊框和內邊距放入框中。
box-sizing是CSS3新樣式，默認屬性為content-box,即設置為標準盒模型。

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

line-height:2行高為元素本身高度的兩倍。line-height:200%行高為父元素高度的兩倍。

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

inline-block同時具備內行內元素和塊狀元素的特點，和其他元素都在一行上，元素的高度、寬度、行高以及頂和底邊距都可設置。
去除縫隙：將元素間的所有空格和換行刪掉；
或對父元素設置font-size:0;再單獨對子元素設置字體大小，
設置浮動。
對inline-block設置vertical-align:top;可讓元素頂端與行中最高元素的頂端對齊。

6.CSS sprite 是什么?####

css精靈圖是一種網(wǎng)頁圖片應用處理方式。將一個頁面涉及到的所有零星圖片都包含到一張大圖中去，當訪問該頁面時載入的圖片就不會一幅一幅地顯示出來。利用background-image，background-repeat，background-position的組合進行背景定位。

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

opacity: 0 ; 透明度為0，整體透明,占用位置；
visibility: hidden ; 和opacity:0 類似，占用位置；
display:none; 消失，不占用位置
background-color: rgba(0，0，0，0.2) 只是背景色透明。