1、text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中
- text-align:center規(guī)定行內(nèi)內(nèi)容相對(duì)父元素居中對(duì)齊，樣式寫在父元素上，作用在行內(nèi)內(nèi)容上。
- 行內(nèi)內(nèi)容包括行內(nèi)元素、行內(nèi)塊元素和行內(nèi)文本；父元素一般為塊級(jí)元素。
2、IE 盒模型和W3C盒模型有什么區(qū)別?
W3C 盒模型的 width 和 height 只是指內(nèi)容區(qū)的寬和高，而 IE 盒模型的 width 和 height 包含了內(nèi)容區(qū)、border、padding 的寬高。
3、*{ box-sizing: border-box;}的作用是什么？
box-sizing: border-box; 設(shè)置使用IE盒模型，盒模型的 width 和 height 包含了內(nèi)容區(qū)、border、padding 的寬高。
另外，默認(rèn)情況下，box-sizing: content-box; 設(shè)置使用w3c盒模型，盒模型的 width 和 height 只是指內(nèi)容區(qū)的寬和高。
4、line-height: 2和line-height: 200%有什么區(qū)別?
line-height: 2; 是將行高設(shè)置為元素字體高度的2倍，是相對(duì)值；
line-height: 200%; 是將行高設(shè)置為父元素字體高度的2倍，是固定值。
5、inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對(duì)齊?
- inline-block是一個(gè)塊狀行盒，表現(xiàn)為一個(gè)行內(nèi)元素，它既擁有了塊狀元素可以設(shè)置width和height的特性，又保留了行內(nèi)元素不換行的特點(diǎn)。
- 有縫隙的原因：inline-block水平呈現(xiàn)的元素間，標(biāo)簽段之間換行顯示或空格分隔的情況下會(huì)有間距，這是符合規(guī)范的應(yīng)有表現(xiàn)。
- 解決縫隙的方法：
方法1、去掉HTML中標(biāo)簽段之間的空格或用注釋代替空格
方法2、設(shè)置margin值為負(fù)
方法3、去掉inline-block元素的閉合標(biāo)簽
方法4、設(shè)置父元素letter-space值為負(fù)值 - 頂端對(duì)齊：使用vertical-align: top
6、CSS sprite 是什么?
- CCS Sprite指的是把頁面要用的所有小圖標(biāo)集合到一張圖里面。
- 雪碧圖被運(yùn)用在眾多使用了很多小圖標(biāo)的網(wǎng)站上。相對(duì)于把每張小圖標(biāo)以.png格式文件的形式引用到頁面上，使用雪碧圖只需要引用一張圖片，減少了網(wǎng)絡(luò)請(qǐng)求，對(duì)內(nèi)存和帶寬更加友好。
7、讓一個(gè)元素"看不見"有幾種方式？有什么區(qū)別?
- display: none 元素消失，不占用位置
- visibility: hidden 隱藏，但對(duì)瀏覽器來說還在，占用位置
- opacity: 0 元素透明，看不見但還是占用位置
- background-color: rgba(0, 0, 0, 0) 背景透明，只針對(duì)背景
