1.text-align: center的作用是什么茴扁，作用在什么元素上痪欲？能讓什么元素水平居中
.text-align: center的功能是使行內(nèi)元素水平居中. 作用在行內(nèi)元素上.
包括行內(nèi)元素俗孝、行內(nèi)塊元素和行內(nèi)文本. inline-block同樣有效.
2.IE 盒模型和W3C盒模型有什么區(qū)別?
區(qū)別在于width和height的算法不同
IE盒模型 width=內(nèi)容寬度+padding+border height=內(nèi)容高度+padding+border
W3C盒模型 width=內(nèi)容寬度 height=內(nèi)容高度
####3.*{ box-sizing: border-box;}的作用是什么条舔？
>當(dāng)你設(shè)置一個(gè)元素為 box-sizing: border-box; 時(shí)叙赚，此元素的內(nèi)邊距和邊框不再會(huì)增加它的寬度梨水。
簡(jiǎn)單來(lái)說(shuō)就是將W3C盒模型變?yōu)镮E盒模型
####4.line-height: 2和line-height: 200%有什么區(qū)別?
>#####line-height可能的值類型有三種拭荤，一種帶有css單位px、em等疫诽，一種為百分比如200%舅世，還有一種為純數(shù)值旦委，如2.
#####2em和200%是先換算成px，子元素在繼承雏亚，百分比是基于當(dāng)前字體尺寸的百分比行間距缨硝，等同于em。100%==1em.
#####而line-height: 2與上述套路狠不一樣罢低，為先繼承查辩，在換算成px。子元素繼承父元素的數(shù)字网持，然后當(dāng)前的字體尺寸相乘來(lái)設(shè)置行間距宜岛。
####5.inline-block有什么特性？如何去除縫隙功舀？高度不一樣的inline-block元素如何頂端對(duì)齊?
>**inlin-block的特性有以下幾點(diǎn)：**
inline-block元素可以設(shè)置寬高和上下左右的padding和margin萍倡。
inline-block元素并排排列
inline-block元素默認(rèn)寬高為內(nèi)容寬高.
**如何去除縫隙**
1.html標(biāo)簽連寫：
2.設(shè)置浮動(dòng)：
3.父元素字體設(shè)置font-size：0；然后在inline-block元素上再重新設(shè)置字體辟汰；
4.inline-block元素設(shè)置負(fù)margin遣铝，會(huì)導(dǎo)致元素溢出父容器的問題：
**高度不一樣的inline-block元素如何頂端對(duì)齊?**
答：使用vertical-align樣式，值設(shè)置為top（頂端對(duì)齊）
####6.CSS sprite 是什么?
css精靈圖 把多個(gè)小圖片放在一張大圖片中 可以減少請(qǐng)求數(shù)量 重復(fù)使用
####7.讓一個(gè)元素"看不見"有幾種方式莉擒？有什么區(qū)別?
>opacity: 0：元素透明度為0酿炸，還占有位置；
visibility: hidden：與opacity: 0類似涨冀；
display: none：元素消失填硕，不占位置；
background-color: rgba(0,0,0,0.2)：背景色透明,占有位置.