text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中？

• 作用是使的行內內容相對父級塊級元素對齊，使文本居中。
• 作用在塊級元素上
• 使內部行內元素水平居中。

IE 盒模型和W3C盒模型有什么區別?

• W3C標準中padding、border所占的空間不在width，height范圍內
• 大家俗稱的IE盒模型width包括contend尺寸+padding+border

*{ box-sizing: border-box;}的作用是什么？

• 在CSS3中使用IE盒模型

line-height: 2和line-height: 200%有什么區別?

• line-height: 2 使得行高為本身文字高度的兩倍
• line-height: 200% 使得行高為相對父元素文字高度的兩倍

inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對齊?

• 即呈現inline特性，即不占據一整行，寬度由內容寬度決定；又呈現block特性，即可設置寬高，內外邊距
• 其中的縫隙是空白符，如果要去除，可以將多個inline-block得標簽寫成一行，也可以先將父元素font-size設置為0來去除縫隙
• 頂端對齊可以設置vertical-align：top；

CSS sprite 是什么?

• CSS精靈圖，使用精靈圖只需要引用一張圖片，通過位移獲取所需要的圖片，對內存和帶寬更加友好

讓一個元素"看不見"有幾種方式？有什么區別?

• opacity：0；透明度為0，整體
• visibility：hidden；和opacity：0類似
• display：none；消失，不占用位置
• background-color：rgba（0，0，0，0）只是背景色透明