1.text-align: center的作用是什么冀墨，作用在什么元素上惧所？能讓什么元素水平居中
使文本水平對(duì)齊趟据，針對(duì)行內(nèi)元素
2.IE 盒模型和W3C盒模型有什么區(qū)別?
3.*{ box-sizing: border-box;}的作用是什么盾戴？
實(shí)際所占寬高度 = 設(shè)置的高度（height）/ 設(shè)置的寬度（width）+ 外邊距（margin）
可以簡(jiǎn)化計(jì)算雏掠，更有利于排版
4.line-height: 2和line-height: 200%有什么區(qū)別?
line-height: 2 本身行高的兩倍
line-height: 200% 父級(jí)元素行高的兩倍
- 在不繼承的情況下效果一樣斩祭。
- 在繼承的情況下：
父元素設(shè)置屬性：font- size:10px,子元素設(shè)置：font-size:20px;
- line-height:2
父元素：line-height = 10px * 2= 20px
子元素：line-height = 20px * 2 = 40px。- line-height:200%
父元素：line-height = 10px * 200% = 20px
子元素行高= 父元素行高=20px乡话。
5.inline-block有什么特性摧玫？如何去除縫隙？高度不一樣的inline-block元素如何頂端對(duì)齊?
- 特征
既呈現(xiàn) inline 特性(不占據(jù)一整行绑青，寬度由內(nèi)容寬度決定)
又呈現(xiàn) block 特性 (可設(shè)置寬高诬像，內(nèi)外邊距)
- 縫隙問(wèn)題
直接刪除兩個(gè)span標(biāo)簽中間的空格
<span>aa</span><span>bb</span>
或者用div盒子將多個(gè)span裝進(jìn)去,設(shè)置div的font-size: 0，再設(shè)置span的 font-size: 16px
<style>
div{
font-size: 0;
}
span{
border: 1px solid black;
width: 40px;
height: 20px;
display: inline-block;
font-size: 16px
}
</style>
<body>
<div class="no-gap">
<span class="aa">aa</span>
<span class="bb">bb</span>
</div>
</body>
- 頂端對(duì)齊
vertical-align:top;
沒(méi)有設(shè)置時(shí)是默認(rèn)文字底部基線對(duì)齊闸婴。
vertical-align:middle;中部對(duì)齊
vertical-align:bottom;底部對(duì)齊
#####6.CSS sprite 是什么?
CSS Sprites俗稱精靈圖坏挠。是把網(wǎng)頁(yè)中一些背景圖片整合到一張圖片中
“background-image”，“background- repeat”邪乍，“background-position”屬性用來(lái)背景定位降狠。
- 優(yōu)點(diǎn)
>- 減少網(wǎng)頁(yè)的http請(qǐng)求对竣，提高性能
- 減少圖片大小：多張圖片拼成1張圖片
- 減少了命名困擾：只需對(duì)一張集合的圖片命名喊熟，不需要對(duì)每一個(gè)小元素進(jìn)行命名提高制作效率柏肪；
- 缺點(diǎn)
>- 圖片合成比較麻煩；
- 背景設(shè)置時(shí)芥牌，需要得到每一個(gè)背景單元的精確位置烦味，；
- 寬屏壁拉，高分辨率的屏幕下的自適應(yīng)頁(yè)面谬俄，圖片如果不夠?qū)挘苋菀壮霈F(xiàn)背景斷裂弃理；
- 維護(hù)的時(shí)候比較麻煩溃论，如果頁(yè)面背景有少許改動(dòng)，一般就要改這張合并的圖片痘昌，無(wú)需改的地方最好不要?jiǎng)釉垦@樣避免改動(dòng)更多的css，如果在原來(lái)的地方放不下辆苔，又只能（最好）往下加圖片算灸，這樣圖片的字節(jié)就增加了，還要改動(dòng)css驻啤。
#####7.讓一個(gè)元素"看不見(jiàn)"有幾種方式菲驴？有什么區(qū)別?
display：none 不占用位置，瀏覽器不加載
rgba(0, 0, 0, 0)骑冗；背景色透明
visibility:hidden赊瞬； 看不見(jiàn)，但占用位置贼涩，等同于opacity：0
opacity：0 巧涧；透明度為0
>加一個(gè)對(duì)比
background-color：transparent
只是將背景設(shè)成透明的，上面的文字還是可以看見(jiàn)的
opacity：0
整個(gè)層都透明了遥倦，包括背景和里面的所有內(nèi)容
[background實(shí)現(xiàn)logo變色](http://js.jirengu.com/nopenacupa/1/edit)
[icon-font實(shí)現(xiàn)logo變色](http://js.jirengu.com/narafiqela/1/edit?html,css,output)