1蛔六、text-align: center的作用是什么擎鸠，作用在什么元素上睦焕？能讓什么元素水平居中?
text-align: center使得行內(nèi)元素居中红省。該屬性定義行內(nèi)容（例如文字）相對(duì)于它的塊父元素居中對(duì)齊， text-align: center并不控制塊元素自己的對(duì)齊晶疼，只控制行內(nèi)元素的對(duì)齊酒贬。
2、IE 盒模型和W3C盒模型有什么區(qū)別?
IE的盒模型的width包括content尺寸＋padding＋border冒晰，而IW3C標(biāo)準(zhǔn)中padding同衣、border所占的空間不在width竟块、height范圍內(nèi)壶运。
3、*{ box-sizing: border-box;}的作用是什么浪秘？
表示 width與 height 包括內(nèi)邊距（padding）與邊框（border）蒋情，不包括外邊距（margin）。這是IE 怪異模式（Quirks mode）使用的 盒模型 耸携。
4棵癣、line-height: 2和line-height: 200%有什么區(qū)別?
-
line-height:2指設(shè)置行高為元素本身高度的2倍。 -
line-height:200%指設(shè)置行高為父元素高度的2倍夺衍。
5狈谊、inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對(duì)齊?
- inline-block同時(shí)具有塊級(jí)元素和行內(nèi)元素的一些特性河劝。既可以像行內(nèi)元素一樣不用獨(dú)占一行壁榕，又可以像塊級(jí)元素一樣可以設(shè)置寬高。該元素生成一個(gè)塊狀盒赎瞎，該塊狀盒隨著周圍內(nèi)容流動(dòng)牌里，如同它是一個(gè)單獨(dú)的行內(nèi)盒子。
- 去除縫隙：
- 兩個(gè)元素間不留空格直接連寫
- 給需要消除縫隙的元素設(shè)置一個(gè)父元素务甥，在父元素中令font-size:0牡辽，然后再在元素中使用font-size設(shè)置元素原本的大小。
- 使用
vertical-align=“top”
6敞临、CSS sprite是什么?
CSS sprite指精靈圖或者雪碧圖态辛，它允許你將一個(gè)頁(yè)面涉及到的所有零星圖片都包含到一張大圖中去，這樣一來(lái)哟绊，當(dāng)訪問(wèn)該頁(yè)面時(shí)因妙，載入的圖片就不會(huì)像以前那樣一幅一幅地慢慢顯示出來(lái)了。
7票髓、讓一個(gè)元素"看不見(jiàn)"有幾種方式攀涵？有什么區(qū)別?
-
opacity: 0 ;設(shè)置元素透明度為0，還是占用位置 -
visibility: hidden ;設(shè)置元素隱藏洽沟，和opacity:0 類似也占用位置 -
display:none;設(shè)置元素消失以故，不占用位置 -
background-color: rgba(0，0裆操，0怒详，0.2)只是設(shè)置背景色透明
