1、text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中?
text-align: center使得行內元素居中。該屬性定義行內容（例如文字）相對于它的塊父元素居中對齊， text-align: center并不控制塊元素自己的對齊，只控制行內元素的對齊。
2、IE 盒模型和W3C盒模型有什么區別?
IE的盒模型的width包括content尺寸＋padding＋border，而IW3C標準中padding、border所占的空間不在width、height范圍內。
3、*{ box-sizing: border-box;}的作用是什么？
表示 width與 height 包括內邊距（padding）與邊框（border），不包括外邊距（margin）。這是IE 怪異模式（Quirks mode）使用的 盒模型 。
4、line-height: 2和line-height: 200%有什么區別?
-
line-height:2指設置行高為元素本身高度的2倍。 -
line-height:200%指設置行高為父元素高度的2倍。
5、inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對齊?
- inline-block同時具有塊級元素和行內元素的一些特性。既可以像行內元素一樣不用獨占一行，又可以像塊級元素一樣可以設置寬高。該元素生成一個塊狀盒，該塊狀盒隨著周圍內容流動，如同它是一個單獨的行內盒子。
- 去除縫隙：
- 兩個元素間不留空格直接連寫
- 給需要消除縫隙的元素設置一個父元素，在父元素中令font-size:0，然后再在元素中使用font-size設置元素原本的大小。
- 使用
vertical-align=“top”
6、CSS sprite是什么?
CSS sprite指精靈圖或者雪碧圖，它允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去，這樣一來，當訪問該頁面時，載入的圖片就不會像以前那樣一幅一幅地慢慢顯示出來了。
7、讓一個元素"看不見"有幾種方式？有什么區別?
-
opacity: 0 ;設置元素透明度為0，還是占用位置 -
visibility: hidden ;設置元素隱藏，和opacity:0 類似也占用位置 -
display:none;設置元素消失，不占用位置 -
background-color: rgba(0，0，0，0.2)只是設置背景色透明
