text-align: center 的作用旋奢，作用在什么元素上， 能讓什么元素水平居中
text-align: center ; 單行文本水平居中
作用在塊級(jí)元素中的行內(nèi)元素上然痊，能讓塊級(jí)元素的行內(nèi)子元素居中至朗。
IE盒模型 和 W3C標(biāo)準(zhǔn)盒模型有什么區(qū)別
IE盒模型 width = 內(nèi)容寬+padding+border
W3C標(biāo)準(zhǔn)盒模型 width = 內(nèi)容寬
*{box-sizing: border-box; } 的作用
border-box :是指IE盒模型
設(shè)置為當(dāng)前的盒模型為IE盒模型，相對(duì)于標(biāo)準(zhǔn)盒模型剧浸，ie盒子的寬度 是元素的整個(gè)寬度锹引，不用計(jì)算，利于排版和計(jì)算方便 唆香。
line-height: 2 和 line-height: 200% 的區(qū)別
line-height: 2 行高是文本自身字體大小的2倍
line-height: 200% 行高為父元素的字體大小的200%的高度 嫌变，200%=2
繼承區(qū)分：
line-height: 2 繼承的是父元素中設(shè)置的line-height: 2
line-height: 200% 繼承了父元素的line-height: 200% 計(jì)算后的最終值，而不是
200% 躬它。 最終值= font-size * 200%
inline-block 的特性
如何去除縫隙
高度不一樣的iline-height 元素如何頂端對(duì)齊
（1）inline-block
既有行內(nèi)元素特性+ 塊級(jí)元素特性
在同一行上并列排序
可以設(shè)置元素的width腾啥、height padding margin
（2）產(chǎn)生原因：有縫隙是因?yàn)闉g覽器認(rèn)為元素與元素之間存在空白字符，如空格 回車等冯吓，就默認(rèn)元素間有縫隙
解決方案：
方法1 ：可以直接不留空白碑宴，前一個(gè)元素的標(biāo)簽緊挨著后一個(gè)標(biāo)簽。
方法2 ： 將父元素的字體設(shè)置為font-size: 0;
行內(nèi)元素再單獨(dú)設(shè)置字體大小即可桑谍。
（3） 頂端對(duì)齊 vertical-align: top;
其他屬性值：middle (居中對(duì)齊)
bottom(底端對(duì)齊)
CSS sprite是什么
css精靈圖(雪碧圖)
用一張png的圖片放置所有的小圖標(biāo)延柠，使用這張圖作為背景圖，設(shè)置backgrond-position:來(lái)顯示不同的圖標(biāo)锣披。
這樣減少圖標(biāo)想服務(wù)器的請(qǐng)求次數(shù)贞间，提高加載速度。
讓一個(gè)元素看不見(jiàn)有幾種方式雹仿。
有什么區(qū)別
opacity: 0; 透明增热，整體透明，但還占據(jù)位置
visibility: hidden; 隱藏胧辽，看不見(jiàn)峻仇，但有位置，與opacity 類似邑商。
display: none; 元素消失摄咆，不占據(jù)位置
background-color：rgba(0,0,0,0) 背景色透明，但是其子元素不透明
代碼1
css sprite https://jsbin.com/pidavavemu/edit?html,css,output
