一、精靈圖 概念：將網頁的所需要一些小背景圖像整合到一張大的圖片中，在css中利用"background-image"、"background-repeat"、"background-position"、"background-size"的組合找到需精靈圖。 “background-position ...
一、精靈圖
概念：將網頁的所需要一些小背景圖像整合到一張大的圖片中，在css中利用"background-image"、"background-repeat"、"background-position"、"background-size"的組合找到需精靈圖。
“background-position”可以用數字精確地定位出背景圖片的位置；"background-size"可以利用數字來改變所定位精靈圖的大小。
作用：為了有效減少伺服器接收和發送請求的次數，從而提高頁面的載入速度。
二、字體圖標
概念：字體以圖標的顯示，看似是圖標其實是字體；可以利用css像控制字體大小、顏色那樣來控制字體圖標樣式，但是前提需要去網上下載字體圖標。
這裡提供兩個網站下載字體圖標：
1.http://icomoon.io
2.http://www.iconfont.cn
優點：靈活，輕量級，相容性好；圖標易於縮放，是矢量圖不會失真，也可以創建自己的圖標字。
