CSS Sprite的重要性
background-position：默認左上角
x y
x% y%
[top | center | bottom] [left | center | right]
background-repeat:
no-repeat：背景圖片在規(guī)定位置
repeat-x：圖片橫向重復
repeat-y：圖片縱向重復
repeat：全部重復
background-size:
100px 100px
contain
cover
在http://www.iconfont.cn/ 上使用字體圖標
圖片合并可以使用這個線上地址 csssprites.com14
在生產(chǎn)環(huán)境中使用的圖片都需要經(jīng)過壓縮再使用祭犯，線上壓縮圖片地址 tinypng.com13
line-height:2 是指行高是盒子模型里的content的兩倍行高
line-height:200%是指行高是父元素的行高的兩倍
高度不一樣的inline-block元素如何頂端對齊?
vertical-align:top;
inline-block有什么特性卿吐？如何去除縫隙？高度不一樣的inline-block元素如何頂端對齊?
inline-block 既呈現(xiàn) Inline 特性（不占據(jù)一整行，寬度由內(nèi)容寬度決定）又呈現(xiàn)block特性（可設(shè)置寬度高纱注，內(nèi)外邊距）
如何去縫隙?
兩段span中間的空隙去掉變成一行芒填，不要留出空白字符
.wrap{front-size:0;}
讓一個元素"看不見"有幾種方式？有什么區(qū)別?
display：none;
將元素設(shè)置為display:none后苍日，元素在頁面上將徹底消失宅楞，元素本來占有的空間就會被其他元素占有，也就是說它會導致瀏覽器的重排和重繪袱吆。
visibility:hidden
和display:none的區(qū)別在于厌衙，元素在頁面消失后，其占據(jù)的空間依舊會保留著绞绒，所以它只會導致瀏覽器重繪而不會重排婶希。適用于那些元素隱藏后不希望頁面布局會發(fā)生變化的場景。所以如果是hover點擊也是沒有的蓬衡。
opacity:0
這種方法和visibility:hidden的一個共同點是元素隱藏后依舊占據(jù)著空間喻杈，但我們都知道彤枢，設(shè)置透明度為0后，元素只是隱身了筒饰，它依舊存在頁面中缴啡。所以如果是hover點擊可以顯示。
background-color：rgba（0瓷们，0业栅，0，0.2）谬晕；設(shè)置背景色透明
