1.text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中
作用在行內元素上，讓行內元素字水平居中。對inline-block也有作用。
2.IE 盒模型和W3C盒模型有什么區別?
1：標準W3C盒子模型
寬=width+(padding-left)+(padding-right)+(margin-left)+(margin-right)+(border-left)+(border-right)
高=height+(padding-top)+(padding-bottom)+(margin-top)+(margin-bottom)+(border-top)+(border-bottom)
2： IE盒子模型
寬=width+(border-left)+(border-right)
高=height+(border-top)+(border-bottom)
3.{ box-sizing: border-box;}的作用是什么？
設置一個元素為 box-sizing: border-box;時，此元素的內邊距和邊框不再會增加它的寬度。
4.line-height: 2和line-height: 200%有什么區別?
line-height: 2表示行高為本身字體高度的兩倍，line-height: 200%表示設置行高為父元素字體高度的200%高度。
5 inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對齊?
特性：行內元素設置display: inline-block后行內元素可以像塊級元素一樣設置寬高，padding，margin，border，但不占據一行。
去除縫隙：方法一：將父元素字體大小設置為0，行內元素單獨設置字體大小
方法二：display：block，然后讓元素浮動。
對齊方法：設置vertical-align: top;讓頂端對齊。
6 CSS sprite 是什么?
css 雪碧圖或精靈圖。用一張.png格式圖片來放置所有的小圖標，然后引用這一張圖片，設置background-position來顯示不同的圖標。這樣可以減少向服務器的請求數量，提高加載速度。
7 讓一個元素"看不見"有幾種方式？有什么區別?
opacity: 0;設置元素透明度為0，但還占據位置。
visibility: hidden; 和opacity類似。
display: none;讓元素消失，不占據位置。
background-color: rgba(0,0,0,0.1);設置背景色透明度。
