码迷,mamicode.com
首页 > Web开发 > 详细

css-Sprite

时间:2016-10-24 23:00:51      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:大小   css   ssg   建立   显示   就会   sga   实现原理   round   

1、将小图片拼接为一张大图的目的:有效减少http的请求量,加速内容显示(因为每请求一次,就会与服务器建立一次链接,建立链接是需要额外的时间开销的)

2、实现原理:通过css中:background-position来实现。先控制显示层的大小,然后再通过移动背景图来达到显示的效果

3、实现方式:

    1、ps手动拼图

    2、使用sprite工具来自动生成(ssGaga)

css-Sprite

标签:大小   css   ssg   建立   显示   就会   sga   实现原理   round   

原文地址:http://www.cnblogs.com/yuxingyoucan/p/5994791.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!