1.text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中
- 作用是使行內元素居中，作用在行內元素上。
2.IE 盒模型和W3C盒模型有什么區別?
-
標準盒模型
Paste_Image.png -
IE盒模型
Paste_Image.png - 區別：設置標準盒模型時文本content的寬度width和高度height只涉及文本自身，而IE盒模型設置文本content的寬高時時包含content的內邊距padding、border邊框的寬度。
3.*{ box-sizing: border-box;}的作用是什么？
{ box-sizing: border-box;}是CSS使用IE盒模型樣式，利用此樣式編輯文本寬高時包括了文本的內邊距、邊框寬度。
4.line-height: 2和line-height: 200%有什么區別?
line-height: 2表示文本行高是文本文字尺寸的二倍，繼承頁面每一個元素。
line-height: 200%表示文本行高是父元素文本尺寸的二倍，繼承父元素。
5.inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對齊?
display= inline-block可以使行內元素呈現block特性可設置寬高內邊距
Paste_Image.png
- 去除縫隙的方法
- 1.去除元素之間的空格字符
Paste_Image.png
- 2.在相關元素的父容器中設置默認字體尺寸為0px,然后在行內元素中設置回字體尺寸
Paste_Image.png
vertical-align:top實現高度不一樣的元素頂端對齊。
6.CSS sprite 是什么?
指將不同的圖片/圖標合并在一張圖片上(減少網絡請求，提高網頁加載性能).
7.讓一個元素"看不見"有幾種方式？有什么區別?
- 1.
opacity: 0** 整體 **透明度為0。 - 2.
visibility: hidden** 整體 **透明度為0，隱藏所有元素。 - 3.
display: none使元素消失不顯示，不占用位置。 - 4.
background-color: rgba(0,0,0,2)背景透明。
- 使用 CSSsprite 實現背景圖
http://js.jirengu.com/yitefomipi/1/edit - 使用 iconfont 實現背景圖
http://js.jirengu.com/kewikeguma/1/edit?html,css,output
