一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 過去我們總通過圖片來美化站點的LOGO、標題、圖標等，而現在我們可以通過@font-face獲取另一種更靈活的美化方式。 二、看看例子 ...

css sprites：精靈圖（雪碧圖）：把一堆小圖片整合在一張大圖上，通過背景圖片相關設置（背景圖片、背景圖是否重復、背景圖定位），顯示圖片，減輕服務器對圖片的請求數量 優點： 1、減少網頁的HTTP請求，提高頁面性能 2、圖片命名上的困擾 3、更換風格方便 缺點： 1、必須限定容器大小，符合 ...

　　CSS Sprites 　　CSS Sprites在國內很多人叫css精靈，是一種網頁圖片應用處理方式。它允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去，這樣一來，當訪問該頁面時，載入的圖片就不會像以前那樣一幅一幅地慢慢顯示出來了。對於當前網絡流行的速度而言，不高於200KB的單張 ...

在做網頁開發中經常會用到圖標，原來經常會到一些icon網站上找導入到項目中，現在Font-Awesome中的有很多的圖標，並且還在不斷更新 現在Font-Awesome最新版本是4.7，下載出來的Font-Awesome有下面這些文件，只保留css和fonts文件夾中的內容就可以 ...

Font Awesome為您提供可縮放的矢量圖標，您可以使用CSS所提供的所有特性對它們進行更改，包括：大小、顏色、陰影或者其它任何支持的效果。官網：http://fontawesome.dashgame.com/ 下面的代碼是我自己整理的一些網頁中常用的小圖標，更多圖標請訪問官網查看詳情 ...

一、把小圖放在一張大圖中，先排版好。上幾張圖看看，就比如這個： 谷歌： 淘寶： 土豆右下角懸浮框： 1、把用到的小圖都放到了一張大圖里，其中的小圖之間的排版是有點規律的，比如說淘寶 ...

CSS Sprites是一種性能優化技術，一種網頁圖片應用處理方式：將多個圖像組合成單個圖像文件以在網站上使用的方法，以提高性能；也被稱為css 精靈圖。 網頁通常包含多個圖像。這些包括圖標，按鈕，徽標，相關圖片和其他圖形。當頁面中加載圖像時，瀏覽器向服務器發出HTTP請求。分別加載每個圖像需要 ...

CSS Sprites在國內很多人叫css 精靈，是一種網頁圖片應用處理方式。就是把網頁中一些背景圖片整合到一張圖片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的組合進行背景定位 ...