1.text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中
- text-align:center能將對應(yīng)的元素居中；
- 作用在塊級元素內(nèi)的block元素和inline-block;
- 能讓block元素和inline-block元素中的行內(nèi)元素水平居中。
2.IE 盒模型和W3C盒模型有什么區(qū)別?
- IE盒模型：width=content+padding+border, 設(shè)置方式：box-sizing: border-box
- W3C盒模型：width=content, 設(shè)置方式：box-sizing: content-box
3.*{ box-sizing: border-box;}的作用是什么？
設(shè)置所有元素為IE盒模型。
4.line-height: 2和line-height: 200%有什么區(qū)別?
- line-height: 2 意思是將行高設(shè)置為本身文字高度的2倍,且繼承給子元素的是行高倍數(shù)。
- line-height: 200% 意思是將行高設(shè)置為父元素文字高度的2倍，繼承給子元素的是行高。
5.inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對齊?
- inline-block既有inline元素的特性（不占一整行，寬度由內(nèi)容決定），又有block元素的特性（可設(shè)置寬高及內(nèi)外邊距）
- 縫隙是由空白字符造成的，要去掉縫隙可以消除空白字符（書寫元素時不換行），或者在設(shè)置父元素的字體大小為0。
- 使用vertial-align: top.
6.CSS sprite 是什么?
CSS sprite 是CSS精靈圖，是將多個圖片合并為一個圖片，然后用background-position方式取用，好處是減少網(wǎng)絡(luò)請求，減輕服務(wù)器負(fù)擔(dān)；缺點是圖片大小內(nèi)容固定不變，添加更改圖片時需要重新制作精靈圖。
7.讓一個元素"看不見"有幾種方式？有什么區(qū)別?
- opacity: 0；透明度為0，元素在頁面消失但是依舊占據(jù)空間
- visibility: hidden;和opacity: 0;與opacity類似，依舊占據(jù)空間
- display: none;消失，不占用位置
- background-color: rgba(0,0,0,0.2);將背景色設(shè)置透明背景色
