CSS Sprites指什么及其优缺点?


摘要:
下文讲述CSS Sprites知识的相关说明,如下所示;

CSS Sprites:
是一种网页图片处理方式,常用于网页中各种图标的背景设置,
在网页中,我们常将使用的图标合并到一个图片文件上,然后借助background-image”,“background- repeat”,“background-position”属性,
使html元素的背景显示出指定的图片信息。


CSS Sprites的优点:

1.减少图片占用字节
2.减少使用者请求网络的次数,可以减少服务器的带宽消耗
3.避免出现多个小碎图片文件
4.方便后续维护—如切换风格


CSS Sprites 的缺点:

1.图片合并时,比较耗时
2.单个图标维护时,需修改整张图片,有点费时