text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中？
-
text-align:center可以使行內元素與文本水平居中；作用在塊級元素和行內上，使行內元素與文本水平居中，也可直接作用在行內元素上。
IE 盒模型和W3C盒模型有什么區別?
從上圖可以看出，標準盒子模型的height和width只包含了content部分，而IE盒子模型的height和width不僅包含了content，還包含了padding和border。
*{ box-sizing: border-box;}的作用是什么？
- 將頁面的所有盒模型設置為IE盒模型。
line-height: 2和line-height: 200%有什么區別?
-
line-height: 2指的是行高為當前字體大小的兩倍，line-height: 200%指的是行高為父元素字體的200%，區別在于前者行高是雖當前字體大小變化而變化的，后者是只隨父元素字體大小變化而變化，子元素字體大小怎么變化行高都不會變化。
inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對齊?
具有inline的特性：不占據整行，寬度由內容寬度決定，同時又具有block的特性：能設置寬高。
inline-block會將兩行代碼中的空白字符作為一個字符線上到頁面上，去除方式：將代碼之間的空行刪除
將父容器字體大小設為0，
font-size: 0;將margin值設為負值，
margin-left: -3px;inline-block元素默認是baseline對齊的，若要頂端對齊只需要改為
vertical-align: top;即可
CSS sprite 是什么?
- CSS Sprite，是一種通過CSS技術將原本需要多張圖像文件分別顯示，整并為單一圖像文件的分區顯示技術，借由減少下載圖像文件數量，提高網頁的顯示性能
讓一個元素"看不見"有幾種方式？有什么區別?
- display：none 此方法不會占據空間
- visibility：hidden 此方法會占據空間
- opacity：0 filter:alpha(opacity=0); 透明度調為0 此方法會占據空間
- color：rgba（0，0，0，0）同上
