1. text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中
text-align:center;的作用是使行內(nèi)元素與文本水平居中；在塊級(jí)元素中設(shè)
置，使子代行內(nèi)元素與文本水平居中
2. IE 盒模型和W3C盒模型有什么區(qū)別?
在width和height的定義上，
IE盒模型包括了content、padding、border，
W3C盒模型只包括content
3. { box-sizing: border-box;}的作用是什么？
在CSS中新增加了box-sizing屬性，能夠事先定義盒模型的尺寸解析方式。 border-box表示怪異盒模型（IE盒子模型），content-box表示正常盒模型（W3C盒子模型）
4. line-height: 2和line-height: 200%有什么區(qū)別?
如果在父元素設(shè)置line-height，其子元素在繼承時(shí)就會(huì)體現(xiàn)出這兩者的區(qū)別。
- 設(shè)置line-height: 2;，會(huì)將子元素的行高設(shè)置為子元素自己文本文字大小的兩倍
- 設(shè)置line-height: 200%;，會(huì)將子元素的行高設(shè)置為父容器文本文字大小的兩倍
作者：呂杰爵鏈接：https://www.zhihu.com/question/20394889/answer/18436957來(lái)源：知乎著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
下圖是當(dāng)line-height:1.5em(150%)的效果，父元素的行高為150%時(shí)，會(huì)根據(jù)父元素的字體大小先計(jì)算出行高值然后再讓子元素繼承。所以當(dāng)line-height:1.5em時(shí)，子元素的行高等于16px * 1.5em = 24px：
下圖是當(dāng)line-height:1.5的效果，父元素行高為1.5時(shí)，會(huì)根據(jù)子元素的字體大小動(dòng)態(tài)計(jì)算出行高值讓子元素繼承。所以，當(dāng)line-height:1.5時(shí)，子元素行高等于30px * 1.5 = 45px：
5. inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對(duì)齊?
- inline-block兼具inline特性（不占據(jù)一整行，寬度由內(nèi)容寬度決定）和block特性（可以設(shè)置寬高，內(nèi)外邊距）
- 去除縫隙：
- 元素之間不空格
- 把他們的父元素設(shè)置font-size:0; 再根據(jù)自身需要重新設(shè)置font-size
- vertical-align: top;
根據(jù)實(shí)際應(yīng)用效果設(shè)置verticla-align的值
6. CSS sprite 是什么?
CSSSprites又稱為css精靈圖或css雪碧圖，是一種網(wǎng)頁(yè)圖片應(yīng)用處理方式，它能將一些零散的小圖標(biāo)拼到同一張圖上，利用CSS Sprites能很好地減少網(wǎng)頁(yè)的http請(qǐng)求，降低圖片占用的字節(jié)，從而大大的提高頁(yè)面的性能，且更易維護(hù)。
7. 讓一個(gè)元素"看不見"有幾種方式？有什么區(qū)別?
- opacity: 0 ; 透明度為0
- visibility: hidden ; 和opacity:0 類似
（visibility：hidden 不會(huì)觸發(fā)該元素已經(jīng)綁定的事件，但保留所占據(jù)的空間。opacity：0則僅僅不可見，占據(jù)空間，仍可被瀏覽器發(fā)現(xiàn)，能觸發(fā)各種事件） - display:none; 不占空間，相當(dāng)于沒有生成這個(gè)元素
- background-color: rgba(0，0，0，0) rgba括號(hào)中前3個(gè)數(shù)字代表著 red - green blue三種顏色的rgb值，0-255，最后一個(gè)是設(shè)定這個(gè)顏色的透明度即alpha值。范圍從0到1，越接近1，代表透明度越低。
8. cover與contain的區(qū)別
background-size: cover 把背景圖擴(kuò)展至能完全覆蓋區(qū)域，即使有部分超出無(wú)法顯示。 background-size: contain 使背景圖片能完整的顯示在區(qū)域中，且保持寬高比
