CSS Sprites使用

前端之家收集整理的这篇文章主要介绍了CSS Sprites使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。

图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字精确的定位出背景图片的位置。
图片都会向服务器发送请求,所以,访问的图片数量越多,请求次数也就越多,造成延迟的可能性也就越大。
增加内存消耗,CSS Sprites图片繁琐的合成等缺点在网站性能的提升前,也就不足为道了。
方法:
图片"bg_sprite.png"

代码

{:;:;:;}

效果为:

原文地址http://www.cnblogs.com/linxiong945/p/4087710.html

猜你在找的HTML5相关文章