1、text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中
text-align: center可以設(shè)置元素中的文本和行內(nèi)元素水平居中，作用在block和inline-block的元素上，可以讓他們中的行內(nèi)元素居中。
2、IE 盒模型和W3C盒模型有什么區(qū)別?
IE盒模型的寬度和高度是指（content+padding+border）的寬度和高度。
W3C盒模型的寬度和高度指的是content的寬度和高度。
3、*{ box-sizing: border-box;}的作用是什么
box-sizing是CSS3的新樣式。設(shè)置一個(gè)元素為 box-sizing: border-box;時(shí)，此元素的內(nèi)邊距和邊框不再會(huì)增加它的寬度。也就相當(dāng)于IE盒模型。
4、line-height: 2和line-height: 200%有什么區(qū)別?
line-height:2 是指行高是盒子模型里的content的兩倍行高，能適應(yīng)字體大小的改變，即行高與字體大小是對(duì)應(yīng)的。
line-height:200%是指行高是父元素的行高的兩倍，行高是固定的值，如果字體過大，則會(huì)出現(xiàn)重疊現(xiàn)象。
5、inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對(duì)齊?
- 既呈現(xiàn) inline 特性(不占據(jù)一整行，寬度由內(nèi)容寬度決定)，又呈現(xiàn) block 特性 (可設(shè)置寬高，內(nèi)外邊距)
-
元素間留白間距出現(xiàn)的原因就是標(biāo)簽段之間的空格，因此，去掉HTML中的空格，自然間距就木有了。考慮到代碼可讀性，顯然連成一行的寫法是不可取的，我們可以利用HTML的注釋來換行提高代碼的可讀性。
image.png
可以使用font-size:0；的方法（即將標(biāo)簽段之間的空格大小為零，當(dāng)然還要設(shè)置inline-block元素的字體），考慮到chrome的兼容性，還需添加代碼-webkit-text-size-adjust:none;
- 高度不一樣的inline-block元素的頂端對(duì)齊vertical-align:top;
6、CSS sprite 是什么?
指將不同的圖片/圖標(biāo)合并在一張圖上。
使用CSS Sprite 可以減少網(wǎng)絡(luò)請(qǐng)求，提高網(wǎng)頁加載性能。
7、讓一個(gè)元素"看不見"有幾種方式？有什么區(qū)別?
opacity: 0 ; 透明度為0，整體
visibility: hidden ; 和opacity:0 類似
display:none; 消失，不占用位置
background-color: rgba(0，0，0，0.2) 只是背景色透明
