1.text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中。
text-align: center設置在塊級元素上，作用是將塊級元素內部的行內元素或文本內容水平居中。
2.IE 盒模型和W3C盒模型有什么區(qū)別?
W3C標準中padding、border所占的空間不在width、height范圍內。
大家俗稱的IE的盒模型width包括content尺寸＋padding＋border。
ie678怪異模式（不添加 doctype）使用 ie 盒模型，寬度=邊框+padding+內容寬度。
chrome， ie9+, ie678(添加 doctype) 使用標準盒模型， 寬度= 內容寬度。
3.*{ box-sizing: border-box;}的作用是什么？
對頁面上所有元素使用ie盒模型。
4.line-height: 2和line-height: 200%有什么區(qū)別?
- line-height: 2; 相當于設置一個行高比例系數為2。這個比例系數會應用到該元素及其所有子元素中，各元素都會據自己的font-size值來計算line-height。
- line-height: 200%; 設置在哪個元素上則立即根據當前元素的font-size值計算出行高，并把計算出來的值繼承給子元素。不會為子元素單獨計算。
5.inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對齊?
既呈現 inline 特性(不占據一整行，寬度由內容寬度決定)
又呈現 block 特性 (可設置寬高，內外邊距)
inline-block縫隙問題：
兩個inline-block元素之間有空字符（回車換行也算）則在頁面上會有一個空格縫隙。
消除方法：
- 在html中標簽不換行，緊緊相連。但代碼不好看。
- 父元素字體設置為0，再在inline-block元素里將字體大小恢復。即可將中間字符字體為0，達到消除目的。
6.CSS sprite 是什么?
指將不同的圖片/圖標合并在一張圖上。
使用時通過改變background-position屬性移動背景圖片，將需要的一部分圖片通過窗口展示出來。
使用CSS Sprite 可以減少網絡請求，提高網頁加載性能。
7.讓一個元素"看不見"有幾種方式？有什么區(qū)別?
- opacity: 0 ; 透明度為0，將元素整體隱藏
元素隱藏，但仍然存在于文檔流中并影響布局。
元素依然存在只是我們看不見，但瀏覽器仍能識別并觸發(fā)事件。 - visibility: hidden ; 和opacity:0 類似。
元素隱藏，但仍然存在于文檔流中并影響布局。
與opacity:0 不同的是不能觸發(fā)事件。 - display:none; 直接把元素從文檔流中刪除。不再影響布局。
元素徹底消失，不會觸發(fā)其點擊事件 - background-color: rgba(0，0，0，0.2) 只是背景色透明，不影響元素內容。
