text-align: center的作用是什么悟狱，作用在什么元素上框弛？能讓什么元素水平居中
作用：行內(nèi)內(nèi)容（例如文字）相對它的塊父元素水平居中檀咙。text-align 并不控制塊元素自己的對齊凸丸，只控制它的行內(nèi)內(nèi)容的對齊很钓。
作用在塊級元素上广匙，能讓行內(nèi)元素水平居中允趟。
IE 盒模型和W3C盒模型有什么區(qū)別?
主要區(qū)別在于寬高的計算
如上圖，W3C盒模型只包括內(nèi)容(content)的寬和高鸦致， 不包括邊框（border）潮剪，內(nèi)邊距（padding）涣楷，外邊距（margin）。
如上圖抗碰，而IE盒模型的包含內(nèi)容(content)的寬和高狮斗、內(nèi)邊距（padding）、邊框（border）弧蝇。即：
width==(content)的寬+(padding-left)+(border-left)+(padding-right)+(border-right)
height=(content)的高+(padding-top)+(border-top)+(padding-bottom)+(border-bottom)
*{ box-sizing: border-box;}的作用是什么碳褒？
作用：將所有塊級元素的模型結(jié)構(gòu)設(shè)置成IE盒模型，也就是padding和border被包含在定義的width和height之內(nèi)看疗。
line-height: 2和line-height: 200%有什么區(qū)別?
主要區(qū)別在于子元素繼承時：
line-height: 2子元素會直接繼承這個系數(shù)沙峻，再根據(jù)自己font-size的大小來計算行高；
line-height: 200%子元素繼承的是父元素的font-size*200%計算得出的一個固定值两芳。
inline-block有什么特性专酗？如何去除縫隙？高度不一樣的inline-block元素如何頂端對齊?
特性：不占一整行盗扇，寬度由內(nèi)容寬度決定祷肯，但可以設(shè)置寬高和內(nèi)外邊距
縫隙是由于元素之間存在空白字符，比如回車疗隶、空格佑笋。
去除縫隙的方法：
- 將元素直接的空白字符刪掉就不會有縫隙了，但這樣代碼看上去不夠整潔美觀斑鼻。
- 將元素包裹在一個div中蒋纬，將這個div的font-size設(shè)置為0，空白字符就沒有寬度了坚弱。不過這樣元素的font-size也為0蜀备，需要再將元素的font-size設(shè)置回去。
頂端對齊：vertical-align: top;
CSS sprite 是什么?
精靈圖荒叶，將不同圖標(biāo)拼成一張圖碾阁，以減少網(wǎng)絡(luò)請求。
讓一個元素"看不見"有幾種方式些楣？有什么區(qū)別?
-
opacity:0透明度設(shè)置為0脂凶； -
visibility: hidden隱藏內(nèi)容； -
background-color: rgba(0愁茁，0蚕钦，0，0.2)設(shè)置背景色的透明度; -
display:none消失鹅很，不占位置
區(qū)別在于最后一種不占位置嘶居，而前面3種還是會占用位置。
