css精灵图
2021-01-09 18:28
阅读：837
标签：网页 网址 属性 加载 vsp nbsp 图标 需要 image 为什么要用精灵图？ CSS精灵图定义 css精灵图 标签：网页 网址 属性 加载 vsp nbsp 图标 需要 image 原文地址：https://www.cnblogs.com/hjcby/p/13514664.html
在网页中引入图片，src的属性值是一个网址，会请求数据，需要时间
如何去减轻服务器压力，减少加载图片的时间
图片的懒加载
精灵图
1. CSS sprites
2. 多个小图标放在一张图片上，然后通过背景方位去展示不同的小图标
使用
background-image: url(images/img_navsprites.gif);
background-position: -46px 0;
优点
有效地减少服务器接受和发送请求的次数
提高页面的加载速度
上一篇：多线程：多线程的应用（网图下载、模拟售票、龟兔赛跑）
下一篇：CSS伪元素
评论
亲，登录后才可以留言！