1. text-align: center的作用是什么推汽，作用在什么元素上补疑？能讓什么元素水平居中？
- text-align:center 讓元素中的文本的水平對齊方式為居中對齊歹撒。
- 作用在行內元素(inline elements)和行內塊級元素(inline-block)的父元素（塊級元素）身上莲组，讓行內元素和行內塊級元素居中。
2.IE 盒模型和W3C盒模型有什么區(qū)別?
主要區(qū)別在兩種模型中寬（width）和高（height）包括屬性的不同暖夭。
- W3C盒模型：
CSS中的寬（width）=內容（content）的寬
CSS中的高（height）=內容（content）的高
W3C盒模型.png
- IE盒模型：
CSS中的寬（width）=內容（content）的寬+（border+padding）*2
CSS中的高（height）=內容（content）的高+（border+padding）*2
IE盒模型.png
避免觸發(fā)IE盒模型的方法是使用<!DOCTYPE html>聲明胁编，告訴IE采用W3C盒子模型即可。
3.*{ box-sizing: border-box;}的作用是什么鳞尔？
這是CSS新增屬性嬉橙，設置CSS的box-sizing屬性值為“border-box”，這樣就會把borders和padding全都包含在定義的寬高里面寥假，相當于IE盒模型寬高的計算方法市框。
4.line-height: 2和line-height: 200%有什么區(qū)別?
其實區(qū)別就在于繼承的問題上。200%是根據父元素的字體大小計算出行高糕韧，并且子元素依然沿用這個計算后的行高枫振。而2則是根據子元素自己字體的大小去乘以2來計算行高。另萤彩，2em等也是按照200%的情況來算的粪滤。
5.inline-block有什么特性？如何去除縫隙雀扶？高度不一樣的inline-block元素如何頂端對齊?
- inline-block的特性：既呈現inline特性(不占據一整行杖小，寬度由內容決定）。又呈現block特性（可設置寬高愚墓，內外邊距）予权。
- 如何去除縫隙？
-
去除兩個inline-block之間的空格浪册。
QQ截圖20171102144936.png
QQ截圖20171102144952.png
- 將父元素字體大小設置為0扫腺，行內元素單獨設置字體大小，就可以去除縫隙村象。
QQ截圖20171102145142.png
QQ截圖20171102145319.png
- inline-block元素如何頂端對齊?
vertical-align: top;
6.CSS sprite 是什么?
- CSS精靈圖笆环。
把網頁中一些背景圖片整合到一張圖片文件中攒至，再利用CSS的“background-image”，“background- repeat”躁劣，“background-position”的組合進行背景定位嗓袱，background-position可以用數字精確的定位出背景圖片的位置。利用CSS Sprites能很好地減少網頁的http請求习绢，從而大大的提高頁面的性能渠抹。
7.讓一個元素"看不見"有幾種方式？有什么區(qū)別?
- opacity: 0; 不透明度為零闪萄，整體梧却，占據著位置。
- visibility: hidden; 和opacity: 0;類似败去，占據著位置放航。
- display: none; 消失，不占用位置圆裕。
- background-color: rgba(0,0,0,0）广鳍，背景色的不透明度為零（透明），rgba中的a相當于ps中的蒙版或者alpha通道吓妆。
8.代碼實現樣式赊时。
unicode 字體.png
