問答
1.text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中
屬性規(guī)定元素中的文本的水平對(duì)齊方式。
text-align:center 設(shè)置文本或img標(biāo)簽等一些內(nèi)聯(lián)對(duì)象（或與之類似的元素）的居中。
能讓行內(nèi)元素水平居中。
2.IE 盒模型和W3C盒模型有什么區(qū)別?
W3C標(biāo)準(zhǔn)中padding侥涵、border所占的空間不在width、height范圍內(nèi)宋雏，大家俗稱的IE的盒模型width包括content尺寸＋padding＋border芜飘。
3.*{ box-sizing: border-box;}的作用是什么？
box-sizing:border-box“IE盒模型”就是box-sizing 屬性允許以特定的方式定義匹配某個(gè)區(qū)域的特定元素磨总。也就是說元素的寬度/高度等于元素內(nèi)容的寬度/高度燃箭。改動(dòng) border 與 padding 的值，都不會(huì)導(dǎo)致 box 總尺寸發(fā)生變化舍败，也就不會(huì)打亂頁面整體布局招狸。
4.line-height: 2和line-height: 200%有什么區(qū)別?
line-height: 200% 基于當(dāng)前字體尺寸的百分比行間距敬拓。父元素計(jì)算好了line-height值，然后把這個(gè)計(jì)算值給子元素繼承裙戏，子元素繼承拿到的就是最終的值了乘凸。此時(shí)子元素設(shè)置font-size就對(duì)其line-height無影響了。
line-height: 2 設(shè)置數(shù)字累榜，此數(shù)字會(huì)與當(dāng)前的字體尺寸相乘來設(shè)置行間距营勤。即行間距為當(dāng)前字體尺寸的兩倍，子元素根據(jù)自己的font-size計(jì)算子自己的line-height壹罚。
5.inline-block有什么特性葛作？如何去除縫隙？高度不一樣的inline-block元素如何頂端對(duì)齊?
inline-block既呈現(xiàn) inline 特性(不占據(jù)一整行猖凛，寬度由內(nèi)容寬度決定)赂蠢，又呈現(xiàn) block 特性 (可設(shè)置寬高，內(nèi)外邊距)辨泳。
去除縫隙：
1.設(shè)置父元素字體大小為0虱岂，行內(nèi)元素單獨(dú)設(shè)置字體大小菠红；
2.刪除標(biāo)簽間的空格第岖；
3.display：block，然后讓元素浮動(dòng)试溯。
設(shè)置vertical-align: top;讓頂端對(duì)齊蔑滓。
6.CSS sprite 是什么?
CSS精靈圖，是一種網(wǎng)頁圖片應(yīng)用處理方式遇绞。
優(yōu)點(diǎn)：利用CSS Sprites能很好地減少網(wǎng)頁的http請(qǐng)求键袱，從而大大的提高頁面的性能。
缺點(diǎn)：不能改動(dòng)试读，不易修改。
7.讓一個(gè)元素"看不見"有幾種方式荠耽？有什么區(qū)別?
方法一：opacity: 0 ; 透明度為0，整體铝量，元素隱藏后依舊占據(jù)著空間倘屹。
方法二：visibility: hidden ; 和opacity:0 類似，適用于那些元素隱藏后不希望頁面布局會(huì)發(fā)生變化的場(chǎng)景慢叨。
方法三：display:none; 消失纽匙，不占用位置，元素在頁面上將徹底消失拍谐，元素本來占有的空間就會(huì)被其他元素占有烛缔，也就是說它會(huì)導(dǎo)致瀏覽器的重排和重繪馏段。
方法四：background-color: rgba(0，0践瓷，0院喜，0.2) 只是背景色透明。
