什么是css sprites，如何使用？
css sprites：精靈圖（雪碧圖）：把一堆小圖片整合在一張大圖上，通過背景圖片相關設置（背景圖片、背景圖是否重復、背景圖定位），顯示圖片，減輕服務器對圖片的請求數量 優點： 1、減少網頁的HTTP請求，提高頁面性能 2、圖片命名上的困擾 3、更換風格方便 缺點： 1、必須限定容器大小，符合 ...
原文：CSS Sprites的詳細使用步驟
一 把小圖放在一張大圖中，先排版好。上幾張圖看看，就比如這個： 谷歌： 淘寶： 土豆右下角懸浮框： 把用到的小圖都放到了一張大圖里，其中的小圖之間的排版是有點規律的，比如說淘寶那張，類似的小圖放置成同一列，這樣就計算小圖顯示位置的時候，只要知道第一個小圖的位置，同一列的小圖，left X坐標 一樣，只需要改top Y坐標 。這樣就方便了許多。 二 使用大圖。 在哪個位置需要使用這個小圖，就把大圖作 ...
2014-09-17 15:36 0 5284 推薦指數：
相關推薦
css sprites（精靈圖）如何使用？
CSS Sprites是一種性能優化技術，一種網頁圖片應用處理方式：將多個圖像組合成單個圖像文件以在網站上使用的方法，以提高性能；也被稱為css 精靈圖。 網頁通常包含多個圖像。這些包括圖標，按鈕，徽標，相關圖片和其他圖形。當頁面中加載圖像時，瀏覽器向服務器發出HTTP請求。分別加載每個圖像需要 ...
使用CSS sprites減少HTTP請求
sprites是鬼怪，小妖精，調皮鬼的意思，初聽這個高端洋氣的名字我被震懾住了，一步步掀開其面紗后發覺很簡單的東西，作用卻很大 神馬是CSS 小妖精 CSS sprites是指把網頁中很多小圖片（很多圖標文件）做成按規律排列的一張大圖上，在顯示的時候通過background-image ...
CSS Sprites ——雪碧圖的使用方法
首先解釋下CSS Sprites是什么：有稱CSS精靈，有稱CSS雪碧的，無論叫什么，他的作用就是把網頁上很多小圖標放到一張圖片里面，然后通過CSS里面的background-position來控制每個圖片的坐標，這樣不但減少http請求，而且還降低了圖片的大小，加快圖片的加載速度，對前端開發 ...
使用CSS3的background-size優化Sprites圖顯示
可以創建一張Sprites圖，這張圖既有普通分辨率圖像，又有高分辨率下的圖像？ 你可以，但你還是要面對，你的用戶在一個較慢的帶寬下下載一個大圖的煩惱。你也要同時面對IE9以下的瀏覽器不支持background-size的麻煩問題。 你最好還是分別為高分辨率和普通分辨率創建不同的兩張 ...
【CSS】CSS Sprites (CSS 精靈) 技術
CSS Sprites CSS Sprites在國內很多人叫css精靈，是一種網頁圖片應用處理方式。它允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去，這樣一來，當訪問該頁面時，載入的圖片就不會像以前那樣一幅一幅地慢慢顯示出來了。對於當前網絡流行的速度而言，不高於200KB的單張 ...
TortoiseSVN使用詳細步驟
1 安裝及下載client 端 2 什么是SVN（Subversion）? 3 為甚么要用SVN? 4 怎么樣在Windows下面建立SVN Repository？ 5 建立一個 ...
使用springMVC的詳細步驟
使用springMVC也可以代替struts2，當然只是代替業務分發的功能，struts2的一些其他功能它是沒有的，不然要struts2有什么用。 下面我用springMVC代替struts2去整合hibernate實現簡單的員工查詢功能。 使用springMVC有兩個配置文件需要配置 ...