ICON圖標(biāo) 今后可以使用i來(lái)做圖標(biāo)，給其class添加eliconiconName即可可以在button上添加icon屬性前端開發(fā)app用什么框架一個(gè)前端開發(fā)框架其實(shí)就是一系列產(chǎn)品化的HTMLCSSJavaScript組件的集合，我們可以在設(shè)計(jì)中使用。

CSS Sprites在國(guó)內(nèi)很多人叫css精靈雪碧圖，是一種網(wǎng)頁(yè)圖片應(yīng)用處理方式它允許你將一個(gè)頁(yè)面涉及到的所有零星圖片都包含到一張大圖中去，這樣一來(lái)，當(dāng)訪問(wèn)該頁(yè)面時(shí)，載入的圖片就不會(huì)像以前那樣一幅一幅地慢慢顯示出來(lái)。

class=quotauiiconfont auiiconleftquot生成如下效果圖可以使用背景圖設(shè)置，使用背景精靈圖 把圖標(biāo)放在一張圖片上面，通過(guò)定位位移來(lái)找到圖片切成小圖標(biāo) 一個(gè)位置對(duì)應(yīng)一個(gè)圖標(biāo)。

意思是這是一個(gè)字體圖標(biāo)具體分析如下這是css樣式代碼，意思就是在class為iconmenu的前面加一個(gè)內(nèi)容e80e，應(yīng)該是一個(gè)字體圖標(biāo)要改變的話，你要再找一個(gè)字體文件，用相應(yīng)的代碼替換就好，或者直接換張圖片也是可以的。

可以圓形背景icon純css實(shí)現(xiàn)icon總結(jié)以下是在工作之余總結(jié)的一些常用icon，純css實(shí)現(xiàn)CSS實(shí)現(xiàn)icon圖標(biāo)效果。