問答
1. text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中
text-align CSS屬性定義行內(nèi)內(nèi)容（例如文字）如何相對它的塊父元素對齊，text-align并不控制塊元素自己的對齊，只控制它的行內(nèi)內(nèi)容的對齊。
- text-align:center的意思是塊級元素中的行內(nèi)內(nèi)容居中庆猫。
- 作用在block-level元素上(包括了block和inline-block);
- 能讓block-level的元素中的行內(nèi)元素绅络、替換元素和inline-block元素居中月培。
2. IE盒模型和W3C盒模型有什么區(qū)別?
- w3c標(biāo)準(zhǔn)盒模型設(shè)置的width恩急，height為content的寬度和高度，不包含padding和border的寬度和高度
- IE盒模型設(shè)置的width衷恭，height為content+padding+border的總的高度和寬度
3. *{ box-sizing: border-box;}的作用是什么此叠？
- “*” 應(yīng)用于所有元素
- box-sizing: border-box 相關(guān)寬高的規(guī)定采用IE盒模型
4. line-height: 2和line-height: 200%有什么區(qū)別?
- line-height: 2 指行高為本身字體高度的2倍灭袁，
- line-height: 200%： 元素的父容器文字高度的200%，
- line-height: 2 在元素的繼承關(guān)系中始終以字體高度的2倍進(jìn)行繼承
- line-height: 200%： 在元素的繼承關(guān)系中會先換算成具體的高度窗看，子元素繼承的是經(jīng)過換算的高度的具體值
5. inline-block有什么特性茸歧？如何去除縫隙？高度不一樣的inline-block元素如何頂端對齊?
- inline-block有什么特性
既呈現(xiàn)inline特性 （不占據(jù)一整行显沈，寬度有內(nèi)容寬度決定）
又呈現(xiàn)block特性 （可設(shè)置寬高软瞎、內(nèi)外邊距等） - 如何去除縫隙？
對需去除縫隙的行內(nèi)元素的父容器設(shè)置font-size: 0；再對相關(guān)的子元素單獨設(shè)置字體大小 - 高度不一樣的inline-block元素如何頂端對齊?
通過設(shè)置 vertical-align: top來實現(xiàn)頂端對齊铜涉，類似的還有 vertical-align: middle 和 vertical-align: bottom。
6. CSS sprite 是什么?
CSS sprite指CSS精靈圖遂唧，系指在頁面需要多個icon作為背景時芙代，將所有icon合成一張圖片，并通過調(diào)整background-position的方式來調(diào)整所需要顯示的icon盖彭，以達(dá)到減少請求纹烹、減輕服務(wù)器壓力、加快網(wǎng)頁響應(yīng)速度的目的
7. 讓一個元素"看不見"有幾種方式召边？有什么區(qū)別?
opacity：0铺呵；整體透明度為零
visibility：hidden：和opacity類似
display：none；消失隧熙，不占用位置
background-color：rgba（0片挂，0，0贞盯，0）音念；設(shè)置背景色透明
