一."text-align: center"的作用是什么，作用在什么元素上？能讓什么元素水平居中

text-align: center作用于塊級元素，使得位于塊級元素內(nèi)部的行內(nèi)元素水平居中。

二.IE 盒模型和W3C盒模型有什么區(qū)別?

IE 盒模型中設(shè)定的 width 寬度包括 content、padding、border 三部分的寬度；W3C 盒模型中設(shè)定的 width 寬度僅包括 content 自身，不包括 padding 和 border 部分的寬度。

三.*{ box-sizing: border-box;}的作用是什么？

box-sizing: border-box：IE盒模型
box-sizing: content-box：W3C標(biāo)準(zhǔn)盒模型
設(shè)置所有 CSS 的盒模型遵從 IE 盒模型的標(biāo)準(zhǔn)，此時(shí)在 CSS 設(shè)置的屬性中，width 將包括內(nèi)容寬度 + 內(nèi)邊距寬度 + 邊框?qū)挾?，不再遵?W3C 盒模型的標(biāo)準(zhǔn)。

四."line-height: 2"和"line-height: 200%"有什么區(qū)別?

line-height: 2 ：設(shè)置行高為本身文字大小的兩倍
line-height: 200%：設(shè)置行高為父元素文字大小的兩倍

五."inline-block"有什么特性？如何去除縫隙？高度不一樣的"inline-block"元素如何頂端對齊?

inline-block可以使得元素既擁有行內(nèi)元素“不占據(jù)一整行，寬度由內(nèi)容寬度決定”特性的同時(shí)，又呈現(xiàn)出塊級元素“可設(shè)置寬高，內(nèi)外邊距”的特性。
去除縫隙 方法1.移除HTML中的空格；
方法2.使用margin負(fù)值；
方法3.使用font-size:0。
頂端對齊：vertical-align:top；
底端對齊：vertical-align:bottom。

六.CSS sprite 是什么?

CSS sprites叫css精靈圖，是一種網(wǎng)頁圖片應(yīng)用處理方式，指將不同的圖片/圖標(biāo)合并在一張圖上，使用CSS sprite 可以減少網(wǎng)絡(luò)請求，提高網(wǎng)頁加載性能。

七.讓一個(gè)元素"看不見"有幾種方式？有什么區(qū)別?

• display:none： 元素在頁面上將徹底消失，元素本來占有的空間就會(huì)被其他元素占有，也就是說它會(huì)導(dǎo)致瀏覽器的重排和重繪；
• visibility: hidden：和display:none的區(qū)別在于，元素在頁面消失后，其占據(jù)的空間依舊會(huì)保留著，所以它只會(huì)導(dǎo)致瀏覽器重繪而不會(huì)重排；
• opacity: 0：整體透明度為0，但是元素位置依然保留，其它元素不會(huì)占據(jù)該元素所在的位置；
• background-color: rgba(0，0，0，0)只會(huì)改變背景色透明，不會(huì)變元素的顏色。