1蛋铆、text-align: center的作用是什么馋评，作用在什么元素上？能讓什么元素水平居中
text-align 屬性規(guī)定元素中的文本的水平對齊方式刺啦。
text-align: center使 行內(nèi)元素和內(nèi)聯(lián)元素的內(nèi)容水平居中對齊留特。
但在IE6/7及IE8混雜模式中，text- align:center可以使塊級元素也居中對齊
2洪燥、IE 盒模型和W3C盒模型有什么區(qū)別?
E 盒模型的 width= border + padding + 內(nèi)容寬度
W3C盒模型的 width = 內(nèi)容寬度
3磕秤、*{ box-sizing: border-box;}的作用是什么？
作用是為元素設(shè)定的任何內(nèi)邊距及邊框均在設(shè)定的寬度和高度中進(jìn)行繪制捧韵，即設(shè)置為了IE盒模型市咆。如果是box-sizing: content-box就是w3c盒模型。
4再来、line-height: 2和line-height: 200%有什么區(qū)別?
line-height: 2：設(shè)置數(shù)字蒙兰，此數(shù)字會與當(dāng)前的字體尺寸相乘來設(shè)置行間距。
line-height: 200%：基于當(dāng)前字體尺寸的百分比行間距芒篷。
5搜变、inline-block有什么特性？如何去除縫隙针炉？高度不一樣的inline-block元素如何頂端對齊?
簡單來說就是將對象呈現(xiàn)為inline對象挠他，但是對象的內(nèi)容作為block對象呈現(xiàn)。之后的內(nèi)聯(lián)對象會被排列在同一行內(nèi)篡帕。比如我們可以給一個link（a元素）inline-block屬性值殖侵，使其既具有block的寬度高度特性又具有inline的同行特性。
去除間隙可以在html中把產(chǎn)生間隙的兩標(biāo)簽擠在一起镰烧，不留空格拢军；也可以在css中在父元素外設(shè)置font-size：0；怔鳖，然后再再子元素中單獨(dú)把字體設(shè)置回去茉唉。
達(dá)到頂端對齊，可以給inline-block元素添加vertical-align:top
6结执、CSS sprite 是什么?
css 雪碧圖或精靈圖度陆。用一張.png格式圖片來放置所有的小圖標(biāo)，然后引用這一張圖片献幔，設(shè)置background-position來顯示不同的圖標(biāo)坚芜。這樣可以減少向服務(wù)器的請求數(shù)量，提高加載速度斜姥。
7、讓一個元素"看不見"有幾種方式？有什么區(qū)別?
display：none;
將元素設(shè)置為display:none后铸敏，元素在頁面上將徹底消失缚忧，元素本來占有的空間就會被其他元素占有，也就是說它會導(dǎo)致瀏覽器的重排和重繪杈笔。
visibility:hidden
和display:none的區(qū)別在于闪水，元素在頁面消失后，其占據(jù)的空間依舊會保留著蒙具，所以它只會導(dǎo)致瀏覽器重繪而不會重排球榆。適用于那些元素隱藏后不希望頁面布局會發(fā)生變化的場景。
opacity:0
這種方法和visibility:hidden的一個共同點(diǎn)是元素隱藏后依舊占據(jù)著空間禁筏，但我們都知道持钉，設(shè)置透明度為0后，元素只是隱身了篱昔，它依舊存在頁面中每强。
background-color：rgba（0，0州刽，0空执，0.2）；設(shè)置背景色透明
