css sprite的实现_html/css_WEB-ITnose

css sprite

为什么使用css sprite？

网页上的很多静态小图片在加载时需要大量http请求，增加了响应时间。（哈哈，雅虎34条优化法则的第一条啊）

css的background-position:x,y;

利用分层实现

1、设置块状元素大小

2、改变背景的位置

3、实现(很多小图组成的大图)对应位置小图的出现

自动生成css sprite的工具：cssgaga