您当前位置：首页 > web前端 > htmlcss > CSS Sprites 将小图片整合到一起

CSS Sprites 将小图片整合到一起

来源：程序员人生发布时间：2014-06-08 21:58:33 阅读次数：2612次

　　css中用一张背景图做页面的技术有什么优势?

　　就在于下面的介绍

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

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

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

css-sprites

　　实现方法：

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

　　然后根据具体图标在大图上的位置，给背景定位。background-position:-8px -95px; 当然也可以给定%。

　　原文出处：http://uicss.cn/css-sprites/

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 非常实用！八招迅速提高你的网页打开速度

下一篇 Linux文件系统ACLs权限控制

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点