CSS-Sprite 简单使用方法 – 减少请求次数
CSS-Sprite 这个东西,知是知道的,但一直没去研究,也并不知道是怎么制作出来的。今天看到一文章,写得挺详细,看了下,搞懂了,这里记一下吧!这个应用简单说就是把多张 CSS 里面需要用的图片合并成一张,然后通过CSS来精确定位某张图片,其主要目的就是为了减少对于网站静态资源(图片)的请求次数。
首先要给出一个很厉害的网站,可以做到在线合并而且自动生成css样式表CSS 图片拼合生成器:http://www.cn.spritegen.website-performance.org/,进入后点 Open,选择一堆小图片,它会下方框内会自动显示,然后点“Downloads”。右下角会自动生成出那张合并后的图片和CSS,自己看下吧,原来就这么简单!