CSS雪碧图1. 定义2. 使用雪碧图的优点3. 使用雪碧图的原理4. 雪碧图的制作
1. 定义CSS sprite也叫做CSS 雪精灵,CSS 雪碧图,是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星小图都包含到一张大图中去。2. 使用雪碧图的优点① 减少图片的字节。② 客户端每显示一张图片都会向服务器发送请求,所以图片越多,造成的延迟越大。使用雪碧图访问页面时,由从前的多次请求转换为一次请求,减少了网页的HTTP请求,从而大大提高了页面的性能。③ 减轻了对图片命名的困扰,提高了网页的制作效率。3. 使用雪碧图的原理① 设置一个有宽高的容器(因为雪碧