1.text-align: center的作用是什么，作用在什么元素上差凹？能讓什么元素水平居中
text-align: center的作用是使塊級(jí)元素中的行內(nèi)元素水平居中。作用在塊級(jí)元素上，也可以作用在inline-block上面，能讓行內(nèi)元素水平居中超陆。
2.IE 盒模型和W3C盒模型有什么區(qū)別?
盒子寬高計(jì)算公式不一樣。IE 盒模型包括內(nèi)容浦马，padding,邊框。而W3C只有內(nèi)容张漂。有時(shí)候?yàn)榱朔奖阌?jì)算也使用box-sizing: border-box;晶默，而一般我們?cè)趇ndex.html中聲明了<!doctype html>即默認(rèn)使用W3C盒模型。
3.###*{ box-sizing: border-box;}的作用是什么航攒？
所有標(biāo)簽的盒模型都使用IE盒模型磺陡。
4.###line-height: 2和line-height: 200%有什么區(qū)別?
前者為行內(nèi)元素自身字體大小的兩倍，后者為設(shè)置了line-height: 200%的父元素字體大小的兩倍漠畜。所以前者是不被繼承的币他，而后者可以被繼承。
如圖：
當(dāng)
line-height: 2;憔狞，span的行高為自身行內(nèi)元素的兩倍蝴悉。
當(dāng)line-height: 200%;，span的行高為父元素div行高（即字體的大旭摇）的兩倍拍冠。
5.inline-block有什么特性尿这？如何去除縫隙？高度不一樣的inline-block元素如何頂端對(duì)齊?
- inline-block的本質(zhì)為行內(nèi)元素庆杜，不過卻有塊級(jí)元素的特點(diǎn)射众。他既能像行內(nèi)元素一樣并排排列，又能像塊級(jí)元素一樣設(shè)置寬高晃财，margin,padding,border叨橱。
- 行標(biāo)簽與行標(biāo)簽相互排列時(shí)會(huì)存在空格字符，所以存在縫隙断盛，去除縫隙有很多方法罗洗，主要有這幾種：
1.給父元素設(shè)置font-size : 0;，這樣父元素下的子元素字體大小也為0郑临，空格字符大小就為0栖博，所以可以消除縫隙。
2.在html書寫時(shí)厢洞，將行標(biāo)簽與行標(biāo)簽連貫書寫仇让，具體如下圖：
可以很明顯的看出，連貫書寫的行標(biāo)簽之間可以無縫隙排列躺翻。
- inline-block元素本質(zhì)還是行內(nèi)元素丧叽，只不過多了些塊級(jí)元素的特點(diǎn)」悖可以設(shè)置vertical-align： top;來使它頂端對(duì)齊踊淳。
6.CSS sprite 是什么?
正確翻譯為css精靈圖，不過也有些人叫雪碧圖陕靠。它的誕生目的是為了減少http請(qǐng)求的多余次數(shù)迂尝。我們打開網(wǎng)頁時(shí)，網(wǎng)站加載圖片剪芥，每加載一張圖片都需要一次http請(qǐng)求垄开，一個(gè)網(wǎng)站有那么多圖片，如果每一個(gè)請(qǐng)求都弄好了税肪，估計(jì)用戶早就把網(wǎng)頁關(guān)閉了溉躲，這對(duì)網(wǎng)站的訪問量是致命的打擊，所以就有了css sprite益兄，將多個(gè)小圖片全部集合在一張大圖上锻梳，通過background-position屬性取得其中需要的小圖片，這樣網(wǎng)站可以將很多請(qǐng)求縮小為一個(gè)請(qǐng)求净捅，大大減少了http請(qǐng)求的開銷疑枯，優(yōu)化了網(wǎng)站的訪問速度。
7.讓一個(gè)元素"看不見"有幾種方式蛔六？有什么區(qū)別?
1.display: none神汹；元素不但看不見庆捺，所占空間也消失。
2.opacity: 0屁魏；透明度為0滔以，只是看不見，所占空間還在氓拼。
3.visibility: 0你画；與opacity類似。
4.background-color: transparent; background-color: rgba(0,0,0,0) 背景色透明桃漾。
代碼：
1.http://js.jirengu.com/xukup/1
2.http://js.jirengu.com/jelev/2
