1.text-align: center的作用是什么婿屹，作用在什么元素上？能讓什么元素水平居中
讓文本居中爽彤，作用在行內(nèi)元素上养盗，能讓行內(nèi)元素水平居中。
2.IE 盒模型和W3C盒模型有什么區(qū)別?
IE盒模型的寬度和高度包括border+padding+content,而W3C的寬度和高度只包括content
3.*{ box-sizing: border-box;}的作用是什么适篙？
將標(biāo)準(zhǔn)盒模型改為ie盒模型
4.line-height: 2和line-height: 200%有什么區(qū)別?
line-height：2指的是行高相對當(dāng)前元素字體大小的2倍往核，而line-height：200%指的是行高相對根元素字體大小的2倍，例如
主要區(qū)別還是2內(nèi)部繼承的是未經(jīng)過計算的嚷节，line-height:200%是經(jīng)過計算的聂儒。因為line-height:繼承屬性和其他css不一樣的地方是根據(jù)font-size:px數(shù)值進(jìn)行計算的。
(1) 當(dāng)line-height:xxx %時：
body{ font-size:14px; line-height:200%; }
h1{ font-size:20px;}
實際結(jié)果就是：
body{ line-height:28px; /* 14px200%=28px / }
h1{ line-height:28px; }
(2) 當(dāng)line-height:2時：
body{ font-size:14px; line-height:2; }
h1{ font-size:20px; }
實際結(jié)果就是：
body{ line-height:28px; / 14px2=28px / }
h1{ line-height:40px; / 20px*2=40px */ }
5.inline-block有什么特性硫痰？如何去除縫隙衩婚？高度不一樣的inline-block元素如何頂端對齊?
dispiay: inline-block; 既呈現(xiàn)inline的特性，不占據(jù)一整行效斑，寬度由內(nèi)容寬度決定非春，有呈現(xiàn)block的特性，可設(shè)置寬高，內(nèi)外邊距奇昙。
去除間隙可以在html中把產(chǎn)生間隙的兩標(biāo)簽擠在一起护侮，不留空格；也可以在css中在父元素外設(shè)置font-size：0储耐；羊初，然后再再子元素中單獨把字體設(shè)置回去。
達(dá)到頂端對齊什湘，可以給inline-block元素添加vertical-align:top
6.CSS sprite 是什么?
精靈圖凳忙，指將不同的圖片或者圖標(biāo)合并在一張圖上，使用精靈圖可以減少網(wǎng)絡(luò)請求禽炬，提高網(wǎng)頁加載性能
7.讓一個元素"看不見"有幾種方式涧卵？有什么區(qū)別?
- opacity：0；整體透明度為零
- visibility：hidden：和opacity類似
- display：none腹尖；消失柳恐，不占用位置
- background-color：rgba（0，0热幔，0乐设，0.2）；設(shè)置背景色透明
