什么是css sprites,如何使用?

什么是css sprites,如何使用?

css sprites:精灵图(雪碧图):把一堆小图片整合在一张大图上,通过背景图片相关设置(背景图片、背景图是否重复、背景图定位),显示图片,减轻服务器对图片的请求数量

优点: 1、减少网页的HTTP请求,提高页面性能 2、图片命名上的困扰 3、更换风格方便 缺点: 1、必须限定容器大小,符合背景图片元素的位置,需要计算 2、维护比较麻烦 使用步骤: 1、制作一张具有多状态的拼合图片,需要按照一定规律处理 2、给要显示背景的盒(一个固定尺寸,宽width、高height),以背景的方式加载,让其局部显示 3、通过背景图定位(background-position)控制不同的显示状态

相关风暴

正大猪博士
365bet电脑网站

正大猪博士

🌧️ 06-28 👁️ 5168
关于【武器】的小说写作素材资料
365bet电脑网站

关于【武器】的小说写作素材资料

🌧️ 12-29 👁️ 1921
问道墨麒麟和太极熊哪个好_问道手游墨麒麟多少钱一只
365体育封号怎么办

问道墨麒麟和太极熊哪个好_问道手游墨麒麟多少钱一只

🌧️ 10-10 👁️ 543
哪些专业可以考执业药师?(附目录)
365彩票app安卓版下载

哪些专业可以考执业药师?(附目录)

🌧️ 09-17 👁️ 1807