css sprite的实现

css sprite

为什么使用css sprite？

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

css的background-position:x,y;

利用分层实现

1、设置块状元素大小

2、改变背景的位置

3、实现(非常多小图组成的大图)相应位置小图的出现

自己主动生成css sprite的工具：cssgaga

---

技能提升

如果你觉得本文有帮助，以下资源可以帮你深入学习：

1. Java核心技术面试精讲
   ‍ 杨晓峰 | 以面试题为切入点，有效提升Java内功