[css] 解释下 CSS sprites的原理和优缺点分别是什么

我来说下我的观点
原理：
多张图合并成一张图

优点&解决的问题

    hover效果，如果是多个图片，网络正常的情况下首次会闪烁一下。如果是断网情况下，就没图片了。sprites 就很好的解决了这个问题（第一次就加载好了）。
    合并了请求数
    制作帧动画方便

缺点

    位置不好控制，有时候容易露底。。比如说3030的按钮，图片只有1212保不齐就漏出其他图片了。
    合成时候比较费时（有工具代替）
    位置计算费时（有工具代替）
    更新一部分的时候，需要重新加载整个图片，缓存失效。

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

标签：优缺点,css,图片,sprites,CSS,加载
来源： https://blog.csdn.net/weixin_43392489/article/details/113810849