響應式下的雪碧圖解決方案 － 活用background-size / background-position

一、概述 　　在傳統的居中布局時，我們常用background-position這個屬性來進行雪碧圖的定位，在減少數據量的同時，保證准確定位。在移動端使用越來越重的現在，以往的傳統定位，已經無法達到 ...

使用css3新屬性clip-path制作小圖標

一般一個網頁上面，或多或少都會用到一些小圖標，展示這些小圖標的方法有很多種。最簡單的做法就是將UI圖上面的每個小圖標都保存為圖片，一個小圖標就一張圖片。但這也是比較笨的方法，因為瀏覽器同一 ...

使用sass與compass合並雪碧圖(一)

雪碧圖就是很多張小圖片合並成一張大圖片，以減少HTTP請求，從而提升加載速度。有很多軟件可以合並雪碧圖，但通常不太容易維護，使用compass生成雪碧圖應該算是非常方便的方法了，可以輕松的生成雪碧圖， ...