text-align: center的作用是什么悍抑，作用在什么元素上？能讓什么元素水平居中
text-align樣式的定義就是塊狀元素中的inline內(nèi)容（包括inline,inline-block的元素开呐，文本）的對(duì)齊方式烟勋。
text-align: center：作用設(shè)置文本或img標(biāo)簽等一些內(nèi)聯(lián)對(duì)象（或與之類似的元素）的居中。
作用在塊狀元素中的inline的內(nèi)容上筐付，能讓文本和inline元素的水平居中卵惦。
text-align：取值：
| 值 | 描述 |
|---|---|
left |
把文本排列到左邊。默認(rèn)值：由瀏覽器決定瓦戚。 |
right |
把文本排列到右邊沮尿。 |
center |
把文本排列到中間。 |
justify |
實(shí)現(xiàn)兩端對(duì)齊文本效果。 |
inherit |
規(guī)定應(yīng)該從父元素繼承 text-align 屬性的值畜疾。 |
IE 盒模型和W3C盒模型有什么區(qū)別?
什么是IE盒模型
什么是標(biāo)準(zhǔn)盒模型
區(qū)別：
W3C標(biāo)準(zhǔn)中padding赴邻、border所占的空間不在width、height范圍內(nèi)啡捶，大家俗稱的IE的盒模型width包括content尺寸＋padding＋border
ie678怪異模式（不添加 doctype）使用 ie 盒模型姥敛，寬度=邊框+padding+內(nèi)容寬度
chrome， ie9+, ie678(添加 doctype) 使用標(biāo)準(zhǔn)盒模型瞎暑， 寬度= 內(nèi)容寬度
使用css3新樣式box-sizing
box-sizing: content-box：w3c標(biāo)準(zhǔn)盒模型
box-sizing: border-box：“IE盒模型”
<div style="height:200px;width:200px;border:solid 10px #333;padding:100px;box-sizing: border-box;"></div>
*{ box-sizing: border-box;}的作用是什么彤敛？
該屬性是讓當(dāng)前頁(yè)面所有的元素寬高屬性都按照IE的盒子模型的方式來(lái)計(jì)算
line-height: 2和line-height: 200%有什么區(qū)別?
line-height: 2 為本身文字的高度的2倍；
line-height: 200%為父元素文字的高度的兩倍了赌；
繼承問(wèn)題：父元素的line-height有單位（px墨榄、%）,那么繼承的值則是換算后的一個(gè)具體的px級(jí)別的值；
屬性值沒(méi)有單位勿她，則瀏覽器會(huì)直接繼承這個(gè)“因子（數(shù)值）”袄秩，而非計(jì)算后的具體值，此時(shí)它的line-height會(huì)根據(jù)本身的font-size值重新計(jì)算得到新的line-height 值逢并。
參考
inline-block有什么特性之剧？如何去除縫隙？高度不一樣的inline-block元素如何頂端對(duì)齊?
特性：既有inline特性（不占據(jù)一整行筒狠，寬度由內(nèi)容寬度決定）猪狈，又有 block特性(可設(shè)置寬高箱沦，內(nèi)外邊距)
去除縫隙：可先將具有inline-block特性的元素標(biāo)簽加一個(gè)空的div塊包裹辩恼，將其font-size設(shè)置為0，同時(shí)在將inline-block對(duì)應(yīng)的元素標(biāo)簽字體在css中恢復(fù)原來(lái)樣式谓形，這樣可以巧妙的出去兩個(gè)inline-block之間的空字符所產(chǎn)生的間隙
頂端對(duì)齊：添加CSS樣式vertical-align:top;
CSS sprite 是什么?
精靈圖
指將不同的圖片/圖標(biāo)合并在一張圖上灶伊。
使用CSS Sprite 可以減少網(wǎng)絡(luò)請(qǐng)求，提高網(wǎng)頁(yè)加載性能寒跳。
讓一個(gè)元素"看不見(jiàn)"有幾種方式聘萨？有什么區(qū)別?
- display: none：元素消失，不占位置
- opacity: 0：元素透明度為0童太，還占有位置
- visibility: hidden：與opacity: 0類似
- background-color: rgba(0,0,0,0)：背景色透明
