1悴晰、text-align: center的作用是什么趋艘，作用在什么元素上娇澎？能讓什么元素水平居中
2笨蚁、IE 盒模型和W3C盒模型有什么區(qū)別?
3、*{ box-sizing: border-box;}的作用是什么？
4括细、line-height: 2和line-height: 200%有什么區(qū)別?
5伪很、inline-block有什么特性？如何去除縫隙奋单？高度不一樣的inline-block元素如何頂端對(duì)齊?
6是掰、CSS sprite 是什么?
7、讓一個(gè)元素"看不見(jiàn)"有幾種方式辱匿？有什么區(qū)別?
8、代碼
答案1：
作用在行內(nèi)元素上炫彩，能讓作用這行里的字體水平居中匾七；text-align屬性只能針對(duì)文本文字和img標(biāo)簽，對(duì)其他標(biāo)簽無(wú)效 可以使inline-block 居中江兢；
答案2：
盒子模型最典型的應(yīng)用是這樣：我們有一段內(nèi)容昨忆，可以為這段內(nèi)容設(shè)置一個(gè)邊框，為了讓內(nèi)容不至于緊挨著邊框杉允，可以設(shè)置 padding 邑贴，為了讓這個(gè)盒子不至于和別的盒子靠得太緊，可以設(shè)置 margin叔磷。
W3C標(biāo)準(zhǔn)中寬度和高度是指content的寬度和高度拢驾，
IE盒模型width包括content尺寸＋padding＋border;
答案3：
box-sizing: border-box：“IE盒模型”
width包括content尺寸＋padding＋border;
答案4：
line-height:2 是指行高是本身字體高度的兩倍
line-height:200%是指行高是父元素字體高度的200%高度；
答案5：
對(duì)行內(nèi)元素設(shè)置 “display: inline-block” 后行內(nèi)元素可以像塊級(jí)元素一樣設(shè)置寬高改基，padding繁疤，margin，border秕狰，但不占據(jù)一行稠腊，后面可接其他元素。將父元素字體大小設(shè)置為0鸣哀，行內(nèi)元素單獨(dú)設(shè)置字體大小架忌，就可以去除縫隙。設(shè)置vertical-align: top;讓頂端對(duì)齊我衬。
答案6：
css 雪碧圖或精靈圖叹放。用一張.png格式圖片來(lái)放置所有的小圖標(biāo)，然后引用這一張圖片挠羔，設(shè)置background-position來(lái)顯示不同的圖標(biāo)许昨。這樣可以減少向服務(wù)器的請(qǐng)求數(shù)量，提高加載速度褥赊。
答案7：
opacity: 0 ; 透明度為0糕档，整體
visibility: hidden ; 和opacity:0 類似
display:none; 消失，不占用位置
background-color: rgba(0，0速那，0俐银，0.2)； 只是背景色透明
