简述 CSS 精灵图原理,及优缺点?

英文叫法 css sprites,通常被解释为“CSS 图像拼合”或“CSS 贴图定位”;其实就 是把网页中一些背景图片整合到一张图片文件中,再利用 CSS “background-image”, “background- repeat”,“background-position”的组合进行背景定位,background-position 用数字能精确的定位出背景图片的位置。适用于一般小图标,不适合大背景大布局背景

优点:

(1)减少网页的 http 请求,从而大大的提高页面的性能

(2)图片命名上的困扰

(3)更换风格方便

缺点:

(1)必须要限定容器大小符合背景图元素位置,需要计算

posted @ 2020-12-30 19:05  人间-  阅读(495)  评论(0编辑  收藏  举报