您当前位置：首页 > web前端 > htmlcss > CSS Sprites整合网页图片的方法

CSS Sprites整合网页图片的方法

来源：程序员人生发布时间：2013-12-25 07:53:56 阅读次数：2708次

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

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

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

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

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

　　实现方法：

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

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

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

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

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

上一篇 VMWare虚拟机中安装虚拟机的成功案例

下一篇 新手做英文网站的三大注意事项

分享到:

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

为码而活

积分：4237

15粉丝

7关注

栏目热点