CSS Sprites(基本寫法，如何使用)

標籤：style   http   color   使用   檔案   width   

說白就是用樣式表切一個大圖片

現在很多好的網站都是這麼寫，然後很多位置的圖片，就用一張圖片，然後一次URL請求就行了，加快網站訪問速度

這個就是切片工具可以直接匯出框框中的內容

這個是切片工具 全部拆分切開 用CSS精靈的方式合并到一起就ok了

這裡就是CSS精靈的寫法 全用的一張圖片 預設是 圖片的位置是你div的左上方開始，我們用background-position，給他向左，向上移動一下 ，顯示效果就變了，將會顯示不同位置的圖片，有些地方需要做平鋪，所以我是橫著切圖的，最終檔案就是那個res.png。

那麼如何判斷位置到底是多少？

用PS的切片工具，可以直接看到位置和寬高

 

————————————————————————————————————

原文地址 ： 點擊開啟連結