簡單究好 Simple is Best

網頁前端開發資訊

使用Compass自動生成CSS sprite、將小圖示合併成大圖

為了加快網頁載入的速度、減少使用者等待的時間,許多前端工程師會將網站需要用到的小圖示合併成一張大圖、再利用CSS來定位各個小圖示,這就是所謂的CSS sprite。CSS sprite可以減少HTTP的請求次數、加快網頁載入的速度。有許多工具都可以幫我們生成CSS sprite,這在篇文章中、我要介紹如何使用Compass自動生成 CSS sprite。

使用Compass製作CSS sprite非常輕鬆、。只要將圖示放在同一個資料夾內、再加上二行的語法,就完成合併圖片的動作囉! Read More