加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

CSS Sprites整合网页图片的方法

发布时间:2018-08-13 21:34:39 所属栏目:创业 来源:站长网
导读:论坛上提到这样的问题:css中用一张背景图做页面的技术有什么优势? 简单介绍一下 CSS Sprites 的优点: 当用户往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。 CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从

  论坛上提到这样的问题:“css中用一张背景图做页面的技术有什么优势?”

  简单介绍一下 CSS Sprites 的优点:

  当用户往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。

  CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。

在新窗口中预览图片_烈火建站学院(LIEHUO.NET)  

  实现方法:

  首先将小图片整合到一张大的图片上

  然后根据具体图标在大图上的位置,给背景定位。background-position:-8px -95px;

  文章来源:http://uicss.cn/css-sprites/

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读