1、text-align: center的作用是什么霞揉，作用在什么元素上有额？能讓什么元素水平居中？
text-align CSS屬性定義行內(nèi)內(nèi)容（例如文字）如何相對它的塊父元素對齊慕蔚。text-align 并不控制塊元素自己的對齊丐黄，只控制它的行內(nèi)內(nèi)容的對齊。center就是使行內(nèi)元素水平居中孔飒，作用在塊級元素上灌闺，可以讓文本、圖片以及其他行內(nèi)元素在其父元素中水平居中坏瞄。
2桂对、IE 盒模型和W3C盒模型有什么區(qū)別?
W3C盒模型的width和height不包含padding、border鸠匀，IE盒模型width包括content尺寸+padding+border
3蕉斜、*{ box-sizing: border-box;}的作用是什么？
box-sizing 屬性可以被用來調(diào)整這些表現(xiàn):
a)content-box是默認(rèn)值缀棍，標(biāo)準(zhǔn)盒子模型宅此。 width與 height 只包括內(nèi)容的寬和高， 不包括邊框（border）爬范，內(nèi)邊距（padding）父腕，外邊距（margin）。注意: 內(nèi)邊距, 邊框 & 外邊距 都在這個(gè)盒子的外部青瀑。 比如. 如果 .box {width: 350px}; 而且 {border: 10px solid black;} 那么在瀏覽器中的渲染的實(shí)際寬度將是370px;
b)border-box width和height屬性包括內(nèi)容侣诵，內(nèi)邊距和邊框，但不包括外邊距狱窘。
width = border + padding + 內(nèi)容的 width杜顺，
height = border + padding + 內(nèi)容的 height。
4蘸炸、line-height: 2和line-height: 200%有什么區(qū)別?
line-height:2;行高是2倍的文字大小躬络，均以相應(yīng)的字體為基準(zhǔn)。
line-htight:200%;行高是2倍的文字大小搭儒，文字大小是指父元素中設(shè)定的字體大小穷当。
line-height后面的數(shù)值可以帶單位也可以不帶單位，但是推薦使用不帶單位的淹禾，這樣在繼承時(shí)不會出現(xiàn)異常馁菜。
5、inline-block有什么特性铃岔？如何去除縫隙汪疮？高度不一樣的inline-block元素如何頂端對齊?
a)特性：inline-block既包含了塊級元素的特性，又包含了行內(nèi)元素的特性，所以我們可以使得多個(gè)元素共同占據(jù)一行智嚷，可以設(shè)置寬度和高度卖丸，可以設(shè)置外邊距和內(nèi)邊距。
b)去除縫隙bug：可以將其父元素的字體大小設(shè)置為0盏道，然后重新對本元素的字體大小進(jìn)行設(shè)置稍浆，中間的空格大小變?yōu)?，消除間隙猜嘱；可以去除代碼中的空格和換行衅枫，讓元素緊貼在一起可以消除空格（或者注釋掉空格）。
c)讓其頂端對齊的方法可以設(shè)置屬性vertiacl-align：top屬性來設(shè)置朗伶。
6为鳄、CSS sprite 是什么?
CSS Sprites是一種網(wǎng)頁圖片應(yīng)用處理方式，就是把網(wǎng)頁中一些背景圖片整合到一張圖片文件中腕让，再利用CSS的“background-image”酝锅，“background- repeat”醉鳖，“background-position”的組合進(jìn)行背景定位。
優(yōu)點(diǎn)：
1.減少網(wǎng)頁的http請求，提高性能瓮下，這也是CSS Sprites最大的優(yōu)點(diǎn)房交，也是其被廣泛傳播和應(yīng)用的主要原因朋鞍；
2.減少圖片的字節(jié)：多張圖片合并成1張圖片的字節(jié)小于多張圖片的字節(jié)總和棋凳；
缺點(diǎn)：
1.圖片合成比較麻煩；
2.背景設(shè)置時(shí)坠陈，需要得到每一個(gè)背景單元的精確位置萨惑；
3.維護(hù)合成圖片時(shí)，最好只是往下加圖片仇矾，而不要更改已有圖片庸蔼。
7、讓一個(gè)元素"看不見"有幾種方式贮匕？有什么區(qū)別?
opacity:0 透明度為0姐仅，占位置，可點(diǎn)擊
visibility:hidden 占位置刻盐，不可點(diǎn)擊
display:none;消失掏膏，不占用位置
background-color:rgba(0,0,0,0.0)只是背景色透明度改變
