一、text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中？
text-align:center 作用在塊級容器上，可使行內元素或文本在其父容器中水平居中；對塊級元素無效，但對其中的文本生效；屬性可繼承。
[對應示例](http://js.jirengu.com/sajinoceqa/2/edit)
二、IE 盒模型和W3C盒模型有什么區別?
- W3C盒模型的設定的寬高是content的寬高，而IE盒模型設定的寬高是content、padding、border整體的寬高。
通過聲明doctype可以使瀏覽器以W3C盒模型渲染。
W3C盒模型
IE盒模型
三、*{ box-sizing: border-box;}的作用是什么？
所有元素使用IE盒模型來計算寬高，即元素寬高包含content、padding、border。
四、line-height: 2和line-height: 200%有什么區別?
-
line-height: 2：相對于元素本身字體大小的倍數； -
line-height: 200%：相對于父元素字體大小的百分比。
五、inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對齊?
- 特性：同時具有inline元素的寬度由內容決定，不像block占據一整行的特性，又具有block可設置寬高，內外邊距的特性。
- 去除縫隙：縫隙是由于inline-block元素還是內聯元素，標簽之間的空格有顯示。可以讓兩個inline-block元素結束和開始標簽之間沒有空格或者讓父元素的font-size為0，子元素再設置font-size覆蓋，如：
去除inline-block縫隙
- 高度不一樣的inline-block元素如何頂端對齊：vertical-align:top;(對于inline level或table-cell設置起效)
六、讓一個元素"看不見"有幾種方式？有什么區別?
參考文獻
1.Does opacity:0 have exactly the same effect as visibility:hidden
| 方式 | 區別 |
|---|---|
| opacity: 0 | 容器內所有元素都變為透明，可以響應鼠標點擊等事件 |
| visibility: hidden | 容器內元素不顯示，占用位置，不可響應點擊等事件，但子元素可以通過visibility:visible顯示 |
| display:none | 元素不顯示，也不占用位置，當然也不響應事件 |
| background-color: rgba(0，0，0，0) | a的值設為0時，背景色做透明處理，背景圖片或子元素不受影響 |
七、實現效果
[效果一 -- 點我](http://js.jirengu.com/jayazojesi/2/edit)
[效果二 -- 點我](http://js.jirengu.com/cemegebivu/2/edit)
