1- text-align:center的作用是實(shí)現(xiàn)元素內(nèi)部文字的居中。
text-align:center的意思是塊級(jí)元素中的行內(nèi)內(nèi)容居中。
作用在block-level元素上(包括了block和inline-block);
能讓block-level的元素中的行內(nèi)元素螃诅，替換元素和inline-block元素居中因谎。
2- IE盒模型和W3C盒模型的區(qū)別：
IE盒模型：width=內(nèi)容寬度+邊框+內(nèi)邊距
W3C盒模型：width=內(nèi)容寬度
W3C標(biāo)準(zhǔn)中padding卵佛、border所占的空間不在width呻顽、height范圍內(nèi)，大家俗稱的IE的盒模型width包括content尺寸＋padding＋border
3-? *{box-sizing:border-sizing;}的作用是設(shè)置"IE盒模型"句葵，即設(shè)置：
寬度=邊框+內(nèi)邊距+內(nèi)容寬度
4- line-height:2 和line-height:200%有區(qū)別
line-height:2設(shè)置行高為當(dāng)前字號(hào)的2倍厕鹃；line-height：200%設(shè)置行高為默認(rèn)字號(hào)（即html默認(rèn)字體字號(hào)）的2倍。
繼承性的區(qū)別：有單位時(shí)乍丈，子元素繼承了父元素計(jì)算得出的行距剂碴；無單位時(shí)繼承了系數(shù)，子元素會(huì)分別計(jì)算各自行距（推薦使用）轻专。
5- line-block特性：
既呈現(xiàn) inline 特性(不占據(jù)一整行忆矛，寬度由內(nèi)容寬度決定)
又呈現(xiàn) block 特性 (可設(shè)置寬高，內(nèi)外邊距)
縫隙問題
：給父元素設(shè)置font-size:0,然后行標(biāo)簽font-size設(shè)置為需要的值即可去除行級(jí)元素之間的縫隙铭若。
高度不一樣的inline-block元素頂端對(duì)齊可以用vertical-align:top來實(shí)現(xiàn)洪碳。
6- icon是頁面小圖標(biāo)的實(shí)現(xiàn)方式，目前主要有以下幾種方式：
①img方式②CSS sprite方式③icon font方式④css icon方式⑤SVG方式
其中叼屠，CSS sprite又稱CSS精靈圖瞳腌，
指將不同的圖片/圖標(biāo)合并在一張圖上。
使用CSS Sprite 可以減少網(wǎng)絡(luò)請(qǐng)求镜雨，提高網(wǎng)頁加載性能
實(shí)現(xiàn)方法：
首先將小圖片整合到一張大的圖片上嫂侍；
然后根據(jù)具體圖標(biāo)在大圖上的位置，給背景定位。background-position:-8px -95px;
7- 讓一個(gè)元素看不見有幾種方式
①opacity：0挑宠；透明度為0菲盾，整體（opacity后代元素會(huì)隨著一起具有透明性，Opacity中的字隨著透明值下降越來越看不清楚）
②visibility:hidden;和opacity：0類似各淀。
③display:none;元素消失懒鉴，不占位置。
④backgroune-color:rgba(0,0,0,0.2)只是背景色透明度碎浇，對(duì)于子元素沒有影響临谱。
計(jì)算標(biāo)準(zhǔn)：line-height: 2根據(jù)自身元素的字體大小來計(jì)算，line-height: 200%根據(jù)父元素的字體大小來計(jì)算奴璃。
繼承：line-height: 2繼承給子元素的是2這個(gè)縮放因子悉默，line-height: 200%繼承給子元素的是200%計(jì)算后的值。
1- 使用 CSSsrpite 實(shí)現(xiàn)如下效果：http://js.jirengu.com/nafejopedu/1/edit?html,css,output
2-在iconfont上搜索"饑人谷"316苟穆， 使用字體圖標(biāo)實(shí)現(xiàn)代碼1中的效果：
http://js.jirengu.com/paqoceriwa/2/edit
