简介

• CSS精灵图，是一种网页图片应用处理方式。允许将一个页面涉及到的所有零星图片都包含到一张大图中
• 利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位， 访问页面时避免图片载入缓慢的现象。

优点

1. 减少网页的http请求，从而提高页面的性能，这是其最大的优点，也是被广泛传播和应用的主要原因
2. 能减少图片的字节
3. 解决了网页设计师在图片命名上的困扰，只需对一张集合的图片命名，不需要对每一个小图片进行命名，提高了网页制作效率。
4. 只需要修改一张或少张图片的颜色或样式来改变整个网页的风格。

缺点

1. 图片合并麻烦：
   • 图片合并时，需要把多张图片有序的合理的合并成一张图片，并留好足够的空间防止版块出现不必要的背景。
2. 图片适应性差：
   • 在高分辨的屏幕下自适应页面，若图片不够宽会出现背景断裂。
3. 图片定位繁琐：
   • 开发时需要通过工具测量计算每个背景单元的精确位置。
4. 可维护性差：
   • 页面背景需要少许改动，可能要修改部分或整张已合并的图片，进而要改动css。在避免改动图片的前提下，又只能（最好）往下追加图片，但这样增加了图片字节。

最新文章

1. 4.Windows Server2012 R2里面部署 MVC 的网站
2. Android WebView 获取网页的标题
3. clip to bounds 和mask to bounds的区别
4. JSON和php里的数据序列化
5. JAVA中IO总结
6. Java入门到精通——调错篇之解决MyEclipse 输入注册码后：Enter or update your subscription information.问题
7. SVN补充
8. ASP.NET 学习的总结
9. 【随记】SQL Server连接字符串参数说明
10. Android 中如何使用动画
11. 无法安装或运行此应用程序。该应用程序要求首先在"全局程序集缓存(GAC)"中安装程序集
12. spring mvc 引用 jasper JasperReportsHtmlView的nullpx图片问题
13. 百度之星2017初赛A轮 1001 小C的倍数问题
14. Unity 读取资源（图片）
15. 关于db2处理特殊字段出现异常java.io.charConversionException
16. java和数据库中日期类型的常见用法
17. WEB UI做TREE
18. 6——ThinkPhp中的请求：
19. python技巧 一等函数
20. hive中left join、left outer join和left semi join的区别

热门文章

1. 剑指Offer之和为S的连续正数序列
2. httpd解析php的小贴士
3. tensorflow2.0学习笔记第二章第一节
4. SpringCloud+Ehcache
5. el-table 表格加图片、加音频、加序号、多级动态表头
6. 利用Python将多个PDF文件合并
7. 树莓派配置文档config.txt说明
8. 关于前端JS走马灯(marquee)总结
9. Nginx深入浅出
10. Chrome浏览器 Console调试台的简单使用