text-align: center 的作用，作用在什么元素上， 能讓什么元素水平居中
text-align: center ; 單行文本水平居中
作用在塊級元素中的行內元素上，能讓塊級元素的行內子元素居中。
IE盒模型 和 W3C標準盒模型有什么區(qū)別
IE盒模型 width = 內容寬+padding+border
W3C標準盒模型 width = 內容寬
*{box-sizing: border-box; } 的作用
border-box :是指IE盒模型
設置為當前的盒模型為IE盒模型，相對于標準盒模型，ie盒子的寬度 是元素的整個寬度，不用計算，利于排版和計算方便 。
line-height: 2 和 line-height: 200% 的區(qū)別
line-height: 2 行高是文本自身字體大小的2倍
line-height: 200% 行高為父元素的字體大小的200%的高度 ，200%=2
繼承區(qū)分：
line-height: 2 繼承的是父元素中設置的line-height: 2
line-height: 200% 繼承了父元素的line-height: 200% 計算后的最終值，而不是
200% 。 最終值= font-size * 200%
inline-block 的特性
如何去除縫隙
高度不一樣的iline-height 元素如何頂端對齊
（1）inline-block
既有行內元素特性+ 塊級元素特性
在同一行上并列排序
可以設置元素的width、height padding margin
（2）產生原因：有縫隙是因為瀏覽器認為元素與元素之間存在空白字符，如空格 回車等，就默認元素間有縫隙
解決方案：
方法1 ：可以直接不留空白，前一個元素的標簽緊挨著后一個標簽。
方法2 ： 將父元素的字體設置為font-size: 0;
行內元素再單獨設置字體大小即可。
（3） 頂端對齊 vertical-align: top;
其他屬性值：middle (居中對齊)
bottom(底端對齊)
CSS sprite是什么
css精靈圖(雪碧圖)
用一張png的圖片放置所有的小圖標，使用這張圖作為背景圖，設置backgrond-position:來顯示不同的圖標。
這樣減少圖標想服務器的請求次數，提高加載速度。
讓一個元素看不見有幾種方式。
有什么區(qū)別
opacity: 0; 透明，整體透明，但還占據位置
visibility: hidden; 隱藏，看不見，但有位置，與opacity 類似。
display: none; 元素消失，不占據位置
background-color：rgba(0,0,0,0) 背景色透明，但是其子元素不透明
代碼1
css sprite https://jsbin.com/pidavavemu/edit?html,css,output
