一窟蓝，text-align: center的作用是什么摩瞎，作用在什么元素上纹笼？能讓什么元素水平居中纹份？
text-align: center可以設(shè)置元素中的文本和行內(nèi)元素水平居中，作用在block和inline-block的元素上廷痘，可以讓他們中的行內(nèi)元素居中蔓涧。
二，IE 盒模型和W3C盒模型有什么區(qū)別?
W3C盒模型中
- W3C盒模型中：
width=內(nèi)容（content）的寬
height=內(nèi)容（content）的高
IE盒模型
- IE盒模型中：
width=內(nèi)容（content）的寬+border+padding
height=內(nèi)容（content）的高+border+padding
三笋额，*{ box-sizing: border-box;}的作用是什么元暴？
設(shè)置此頁(yè)面所有元素的盒模型采用IE盒模型。
四兄猩，line-height: 2和line-height: 200%有什么區(qū)別?
- line-height:2：設(shè)置它的行高是它的字體大小的兩倍茉盏；
- line-height:200%：設(shè)置它的行高是它父元素字體大小的兩倍鉴未；
五，inline-block有什么特性鸠姨？如何去除縫隙铜秆？高度不一樣的inline-block元素如何頂端對(duì)齊?
1.inline-block有什么特性？
- 既呈現(xiàn) inline 特性(不占據(jù)一整行讶迁，寬度由內(nèi)容寬度決定)
- 又呈現(xiàn) block 特性 (可設(shè)置寬高连茧，內(nèi)外邊距)
2.如何去除縫隙？
- 先將父元素的字體大小設(shè)為0添瓷，再把inline-block元素的字體大小設(shè)置為想要梅屉；
- 去除兩個(gè)元素的空白字符；
3.高度不一樣的inline-block元素如何頂端對(duì)齊?
設(shè)置inline-block元素的vertical-align屬性：
- bottom：當(dāng)把值設(shè)置為bottom時(shí)元素的頂端與行中最低的元素的頂端對(duì)鳞贷；
- top：當(dāng)把值設(shè)置為top時(shí)元素的頂端與行中最高的元素的頂端對(duì)齊坯汤；
六，CSS sprite 是什么?
俗稱雪碧圖或精靈圖搀愧，是一種網(wǎng)頁(yè)圖片應(yīng)用處理方式惰聂。它允許你將一個(gè)頁(yè)面涉及到的所有零星圖片都包含到一張大圖中去，這樣一來(lái)咱筛，當(dāng)訪問(wèn)該頁(yè)面時(shí)搓幌，載入的圖片就不會(huì)像以前那樣一幅一幅地慢慢顯示出來(lái)了。對(duì)于當(dāng)前網(wǎng)絡(luò)流行的速度而言迅箩，不高于200KB的單張圖片的所需載入時(shí)間基本是差不多的溉愁，所以無(wú)需顧忌這個(gè)問(wèn)題。
七饲趋，讓一個(gè)元素"看不見(jiàn)"有幾種方式拐揭？有什么區(qū)別?
- opacity: 0 ; 透明度為0，整體
- visibility: hidden ; 和opacity:0 類似
- display:none; 消失奕塑，不占用位置
- background-color: rgba(0堂污，0，0龄砰，0) 只是背景色透明
