text-align: center的作用是什么策严，作用在什么元素上？能讓什么元素水平居中
text-align:center的作用是定義 行內(nèi)內(nèi)容（例如文字）如何相對(duì)于它的塊級(jí)父元素對(duì)齊，text-align并不控制塊級(jí)父元素自己的對(duì)齊官辈，只控制它的自己行內(nèi)內(nèi)容的對(duì)齊援岩。
作用在塊級(jí)父元素上，可以讓塊級(jí)父元素的行內(nèi)元素水平居中锹锰。
IE 盒模型和W3C盒模型有什么區(qū)別?
在一個(gè)文檔中芥炭，每個(gè)元素都被表示為一個(gè)矩形的盒子漓库，盒模型描述了元素所占空間的內(nèi)容
盒模型有兩種，一種是ie盒模型园蝠，一種是標(biāo)準(zhǔn)盒模型
拿寬度舉例渺蒿，ie盒模型的寬度，ie盒模型則是 content+padding+border= 設(shè)置的width彪薛，不用再去計(jì)算盒子的padding和border茂装，真實(shí)的寬度是就是設(shè)置的寬度(box-sizing: border-box)
標(biāo)準(zhǔn)盒模型：100px是指的content的寬度就是100px，真實(shí)的寬度是border2+padding2+ 100px(box-sizing: content-box)善延，而標(biāo)準(zhǔn)盒模型設(shè)置的寬度只是content的寬度少态，并不是實(shí)際的寬度
ie盒模型的width指的是盒子內(nèi)容的實(shí)際寬度，已經(jīng)把padding易遣、border算進(jìn)去了彼妻，不用再去管惹人嫌棄的padding、border了
標(biāo)準(zhǔn)盒子模型的width 與 height 只包括content的寬和高豆茫， 不包括邊框（border）侨歉，內(nèi)邊距（padding），外邊距（margin）揩魂。它的實(shí)際寬度還需要去計(jì)算border幽邓、padding
*{ box-sizing: border-box;}的作用是什么？
將所有元素設(shè)置盒子模型為IE盒模型
line-height: 2和line-height: 200%有什么區(qū)別?
line-height:2 :文本行高為當(dāng)前元素字體大小的2倍
line-height: 200% : 文本行高為當(dāng)前文本所在塊級(jí)元素的父元素的font-size的2倍（若是行內(nèi)元素的文本肤京，則會(huì)是行內(nèi)元素所在塊級(jí)元素的父元素的font-size的2倍）
數(shù)值：繼承的時(shí)候颊艳，瀏覽器會(huì)先將line-height這個(gè)屬性繼承給子元素，再由子元素計(jì)算忘分。若希望子元素繼承行高棋枕，通常是用數(shù)值。
百分?jǐn)?shù)：繼承的時(shí)候妒峦，瀏覽器會(huì)先將行高對(duì)應(yīng)的數(shù)值計(jì)算出來以后再繼承重斑；例如 給body設(shè)置line-height: 200% 瀏覽器默認(rèn)文字大小16px 那行高就是32px 后代元素繼承的行高就是32px這個(gè)值。
inline-block有什么特性肯骇？如何去除縫隙窥浪？高度不一樣的inline-block元素如何頂端對(duì)齊?
inline-block有什么特性？如何去除縫隙笛丙？高度不一樣的inline-block元素如何頂端對(duì)齊?
inline-block使元素即呈現(xiàn)inline的特性漾脂，不占據(jù)一整行，寬度由內(nèi)容寬度決定胚鸯；又呈現(xiàn)block的特性骨稿，可設(shè)置寬高，內(nèi)外邊距。
去除縫隙：在父元素里設(shè)置font-size:0這樣空白字符就沒寬度了坦冠，然后再在子元素把font-size設(shè)置回去
頂端對(duì)齊：設(shè)置vertical-align:top
凡是用到inline-block的地方最好用上vertical-align這個(gè)屬性
CSS sprite 是什么?
css sprite精靈圖可以將不同的圖片或者圖標(biāo)合并在一張圖上形耗；使用css sprite可以減少網(wǎng)絡(luò)請(qǐng)求，提高網(wǎng)頁(yè)加載性能辙浑。
讓一個(gè)元素"看不見"有幾種方式激涤？有什么區(qū)別?
- opacity: 0；透明度為0判呕，元素在頁(yè)面消失但是依舊占據(jù)空間
- visibility: hidden;和opacity: 0;類似倦踢，依舊占據(jù)空間
- display: none;消失，不占用位置
- background-color: rgba(0,0,0,0);將背景色設(shè)置透明
