1.text-align: center的作用是什么吨铸，作用在什么元素上？能讓什么元素水平居中
text-align: center的作用是定義行內(nèi)內(nèi)容相對(duì)于它的塊級(jí)父元素水平居中烹吵；
text-align并不控制塊元素自己，而是它的行內(nèi)內(nèi)容。
2.IE 盒模型和W3C盒模型有什么區(qū)別?
ie定義的寬高包c(diǎn)ontent生蚁、padding、border戏自，w3c僅僅指content邦投。
如圖：
![ie.JPG . . .]
標(biāo)準(zhǔn).JPG
3.*{ box-sizing: border-box;}的作用是什么？
模擬ie盒模型擅笔，如有內(nèi)邊距志衣、描邊，寬高包含內(nèi)容+內(nèi)邊距+描邊猛们，不用再換算念脯。
4.line-height: 2和line-height: 200%有什么區(qū)別?
line-height: 2 自身元素字體大小*2，先繼承2這個(gè)倍數(shù)弯淘，再遍歷計(jì)算绿店，值是動(dòng)態(tài)的
line-height: 200% 父元素字體大小*2，先算出來(lái)然后繼承庐橙，值是固定的
line-height: 2 .png
line-height: 200% .png
5.inline-block有什么特性假勿？如何去除縫隙？高度不一樣的inline-block元素如何頂端對(duì)齊?
inline-block：兼具block可以設(shè)置寬高态鳖，inline的不獨(dú)占一行,默認(rèn)寬高為內(nèi)容寬高的特點(diǎn)转培。
去除縫隙：1.inline-block元素緊挨，沒(méi)有空隙和換行
2.inline-block的父元素font-size:0;.inline-block再自行設(shè)定字體大小
3.inline-block元素設(shè)置浮動(dòng)
高度不一樣的inline-block元素如何頂端對(duì)齊：vertical-align:top;
6.CSS sprite 是什么?
CSS sprite是CSS雪碧圖浆竭，指將不同的圖片/圖標(biāo)合并在一張圖上浸须。
使用CSS Sprite 可以減少網(wǎng)絡(luò)請(qǐng)求惨寿，提高網(wǎng)頁(yè)加載性能。
7.讓一個(gè)元素"看不見(jiàn)"有幾種方式删窒？有什么區(qū)別?
opacity: 0 ; 整體包括這個(gè)元素內(nèi)的其他元素透明度為0缤沦，占位。
visibility: hidden ; 和opacity:0 類(lèi)似
display:none; 消失易稠，不占用位置
