大家好，又见面了，我是你们的朋友全栈君。
精灵图
什么是精灵图：
css精灵(CSS sprites),是一种网页图片应用处理技术。主要是指将网页中需要的零星的小图片集成到一个大的图片中
应用的原因：
1.减少对浏览器的请求次数，避免网页的延迟
2.方便小图标的统一管理
精灵图的制作：
1.软件：ps
2.制作方法：
- 新建透明图层
- 添加参考线将画布划分，将小图标放入划分好的格子中
精灵图的使用： css精灵图需要配合背景的图片和背景定位
1.引入精灵图
.basic{ background-image:url(ui.png); width:80px; height:80px; background-repeat:no-repeat; display:inline-block; }2.精确定位需要显示的小图标坐标
.sprite1{ background-position:80px 0px }
.sprite2{ background-position:160px 160px }版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/132715.html原文链接：https://javaforall.net
![硬件_视频[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
