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精靈圖是一種網頁圖片應用處理方式规伐。將一個頁面涉及到的所有零星圖片都包含到一張大圖中去常潮，當訪問該頁面時載入的圖片就不會一幅一幅地顯示出來。利用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) 只是背景色透明用爪。
