1先较、text-align: center的作用是什么，作用在什么元素上悼粮？能讓什么元素水平居中
text-align: center闲勺；添加這條樣式給塊元素，塊元素下的子元素可以居中對(duì)齊扣猫。
2菜循、IE 盒模型和W3C盒模型有什么區(qū)別?
Ie盒模型：塊元素的width=內(nèi)容寬+左右padding+左右border，height類似申尤。
W3C模型：塊元素的width=內(nèi)容寬癌幕，height類似。
3昧穿、*{ box-sizing: border-box;}的作用是什么勺远？
box-sizing: border-box;設(shè)置網(wǎng)頁(yè)采用ie盒模型。
box-sizing:content-box;則采用W3C標(biāo)準(zhǔn)盒模型时鸵。
4胶逢、line-height: 2和line-height: 200%有什么區(qū)別?
line-height: 2 行高設(shè)置為當(dāng)前元素字體的2倍。
line-height: 200% 行高設(shè)置為父元素字體的2倍。
5宪塔、inline-block有什么特性？如何去除縫隙囊拜？高度不一樣的inline-block元素如何頂端對(duì)齊?
inline-block擁有像行內(nèi)元素一樣相鄰?fù)愒乜梢栽谝恍袃?nèi)排列的屬性某筐，又有塊元素的可以設(shè)置高寬內(nèi)外邊距的屬性。
6冠跷、CSS sprite 是什么?
CSS Sprite是一種圖片的處理方式南誊，它允許網(wǎng)頁(yè)設(shè)計(jì)師將很多張圖片合并在同一張圖檔中，然后根據(jù) CSS 檔中的文字描述將圖檔分區(qū)塊加載蜜托。
使用CSS Sprite功能可以優(yōu)化網(wǎng)頁(yè)讀取速度抄囚，因?yàn)閷⒍鄠€(gè)圖片文件合并為一張圖后，瀏覽器向服務(wù)器請(qǐng)求的次數(shù)減少橄务。
7幔托、讓一個(gè)元素"看不見"有幾種方式？有什么區(qū)別?
opacity: 0 ; 透明度為0蜂挪，整體性重挑，透明度可調(diào)節(jié)。
visibility: hidden ; 和opacity:0 類似棠涮，隱藏后繼續(xù)占用原來的位置谬哀。
display:none; 完全消失，不占用原始位置严肪。
background-color: rgba(0史煎，0，0驳糯，0.2) 最后一個(gè)參數(shù)設(shè)置背景透明度篇梭，0為完全透明，1是不透明
效果1http://js.jirengu.com/gubojilise/2/
http://learn.zzux.com/jirengu/renwu9/
