CSSSprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。
... 这种方式会自动清理包含的任何浮动元素,但在某些情况下,会影响盒子的显示,产生滚动条或者阶段内容。 背景图像定位 雪碧图(CSS Sprite)是网站优化的一种方式,将多张背景图合并到一张大图上,从而减少 HTTP 请求数。
基于138个网页-相关网页
Css Sprite Tools 图片拼合定位工具
First, let's take a quick look at YouTube and how they use CSS Sprites (Figure 6). You can find YouTube's CSS Sprite here.
首先,让我们快速浏览一下YouTube,看一看他们是如何使用CSS Sprites的(如图6)。
With image sprites, you will have CSS selectors for each link that display only a portion of the image Sprite - effectively showing just the image you need.
有了图片精灵,你将要用CSS选择器对每个只显示精灵中部分图片的链接进行处理:只要你需要的那部分。
By now you should have quite a few CSS selectors for each image Sprite.
目今你已经对每个精灵中的图片有一些CSS选择器。
CSSSprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。
应用推荐