網頁設計中利用css sprites的優缺點

　　在高舉“用戶體驗”為中心的網絡時代，你是否因為打開網頁速度太慢而關閉網頁呢？相信很多人的答案都是肯定的。在高速的網絡時代，千萬不要挑戰廣東網民的耐心，不然只會導致網民遠離你的網站而去。

　　網頁提速有很多的方法，其中一條就是減少http請求。每一個網站都會用到圖片，當一個網站有10張單獨的圖片，就意味著在瀏覽網站時會向服務器提出10次http請求來加載圖片。下面為大家介紹減少圖片請求的方法。

　　css sprites：網站前端開發者大多稱之為“css精靈”，通俗的理解就是：將多張小圖片合成為一張大圖片，減少http請求次數而達到網頁提速。下面以淘寶網為例子，為大家講解下css sprites是如何實現的。

　　css sprites的優點：可以減少http的請求數，如10張單獨的圖片就會發出10次的http請求，合成為一張的大圖片，只會發出一次的http請求，從而提高了網頁加載速度。

　　css sprites的缺點：凡事有利必有弊端。可能有人喜歡，有人不喜歡，因為每次圖片改動都要往這張圖片添加內容，圖片的坐標定位要很準確會，會稍顯繁瑣。坐標定位要固定為某個絕對值，因此會失去如center的一些靈活屬性。

　　css sprites有優點也有缺點。要不要使用，具體要看網頁以加載速度為主還是以維護方便容易為主。