CSS:对 CSSSprites 的理解(****四颗星)

CSSSprites(精灵图),将一个页面涉及到的所有图片都包含到一张大图中去,然后利用 CSS 的 background-image,background-repeat,background-position 属性的组合进行背景定位。

优点:

  • 利用 CSS Sprites 能很好地减少网页的 http 请求,从而大大提高了页面的性能,这是 CSS Sprites 最大的优点;
  • CSS Sprites 能减少图片的字节,把

剩余60%内容,订阅专栏后可继续查看/也可单篇购买

前端面试题 文章被收录于专栏

前端面试的一些常问问题、问题的具体实现(可直接运行)以及底层原理

全部评论
http2.0多路复用之后,网页能够并行请求多个图片,速度肯定比请求单个大的精灵图快
1 回复 分享
发布于 2023-02-19 21:42 上海
好,又学到一个新方法
1 回复 分享
发布于 2023-02-10 20:42 辽宁
只能用这个吗?还有其他方法吗
点赞 回复 分享
发布于 2023-02-10 20:09 云南

相关推荐

hwwhwh:同双非,有大厂实习其实也没啥用,主要看运气,等就行了
点赞 评论 收藏
分享
11-06 16:50
门头沟学院 Java
用微笑面对困难:word打字比赛二等奖的我,也要来凑合凑合
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务