text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中
讓塊元素的行內內容相對于塊父元素居中；
作用于塊元素上；
讓行內元素或者文本元素居中；
IE 盒模型和W3C盒模型有什么區別?
IE 盒模型大小是以border為邊界的
W3C盒模型大小是以content為邊界的
W3C盒模型轉化為IE 盒模型： border-size:border-box;即可
*{ box-sizing: border-box;}的作用是什么？
將W3C盒模型轉化為IE 盒模型。
line-height: 2和line-height: 200%有什么區別?
在繼承的時候有區別
2是行高為自身的字高兩倍，
200%是行高當時計算，子元素的行高是繼承父元素計算好的值。
例：
<style>
.father{
font-size:20px;
line-height:2;/*line-height:200%; */
}
.child{
font-size:30px;
}
</style>
<div clas="father">
<div class="child"></div>
</div>
父元素line-height值為2 則子元素line-height值為60px；
父元素line-height值為200% 則子元素line-height值為40px；
inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對齊?
將對象呈現為inline對象，但是對象的內容作為block對象呈現。
即：既可以同行排列，又可以設置寬高。
去除縫隙的三種方法：
1 父元素設置font-size:0; 子元素重新設置字高。（需要父元素內沒有文本元素）
2 注釋掉行內元素間空白字符。
3 刪除空白字符。
添加vertical-align:top;樣式
CSS sprite 是什么?
精靈圖。
一種CSS圖像合并技術，該方法是將小圖標和背景圖像合并到一張圖片上，然后利用css的背景定位來顯示需要顯示的圖片部分。
讓一個元素"看不見"有幾種方式？有什么區別?
1 opacity:0;
2 visibility:hidden;
3 display:none;
1和2相同點：都占據空間。
1和2不同點：opacity:0;還是可以觸發綁定的事件，而visibility:hidden;不能觸發綁定的事件。
3不占據空間。
注：background-color: rgba(0，0，0，0.2) 只是背景色透明，而content不透明。所以不能算看不見。
