text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中
text-align:作用在行內元素上或文本上，如span，img。
能讓字體居中也能讓文本或行內元素位置居中
IE 盒模型和W3C盒模型有什么區別?
IE和模型是指寬度和高度是以border的寬度和高度,幾種width=border+padding+content的值
標準的盒模型是指寬度和高度以content的高度和寬度 ?width=content的值。
一般不加<! doctype html>即使用IE盒模型，如果加了<!doctype html>則使用標準模型
*{ box-sizing: border-box;}的作用是什么？
對于css3中，為了使用方便，出現了 box-sizing屬性，以適應不同盒模型的使用。
如果 box-sizing:content-box則是標準盒模型，如果是box-sizing:border-box則是IE盒模型。像一行為了顯示三個div，為了方便使用，可以設置為使用IE盒模型，這樣就不用在計算width以及padding了。
line-height: 2和line-height: 200%有什么區別?
line-height:2是其行高是文字高度的2倍數。
line-height：200%是其父元素高度的兩倍。
inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對齊?
inline-block呈現inline特性（不占據一行，寬度由內容寬度決定）
又呈現block特性（可設置寬高，內外邊距）
inline-block之間會出現間隙，出現間隙的問題是由于標簽之間的空白所導致（圖一)。
常用的的解決辦法如下（圖二)：：
高度不一樣的inline-block元素會出現的問題(圖三)：
解決辦法就是用：vertical-align：top或者vertical-align：bottom（圖四）
https://jsbin.com/gurobu/edit?html,css,output
CSS sprite 是什么?
指將不同的圖片/圖標合并到一張圖片上。
使用css sprite可以減少網絡請求，提高網頁加載性能
缺點是：無法縮放 ，不好修改
讓一個元素"看不見"有幾種方式？有什么區別?
opacity:0 透明度為0 ?占據位置
visibility：hidden 占據位置
display:none;不占據位置
background-color：rgba(0,0,0,0.2) 背景色為透明。占據位置
代碼：
https://jsbin.com/welaxuf/edit?html,css,output
代碼2：
效果圖
