Use CSS sprites to cut down on image resources.
使用CSS技术来优化图片资源。
You can reduce image requests by using CSS sprites.
可以通过使用CSS sprites减少图像请求。
CSS sprites help decrease the number of HTTP requests.
CSS sprites可帮助减少HTTP请求的数量。
This tutorial will show you how to achieve that using CSS Sprites.
这个教程将为你展示如何用CSS Sprites实现这种效果。
Tools that generate CSS sprites are available (see the Resources section).
获得一些可以生成CSS sprites的工具(参见参考资料一节)。
Medium Priority: Combine images into CSS sprites and minimize redirects.
中优先级:使用CSS sprites(图像拼合技术),减少重复定向。
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)。
Thought, CSS sprites require time and particular knowledges, which make the technique kinda hard to use, especially for begginners.
不过,样式表贴图定位需要时间和特定技术,这使得这项技术优点难以使用,尤其是对新手而言。
Most tutorials teach you just to use CSS Sprites for navigation, where I am going to say to use it for the entire user interface of your site.
许多教程只是教你如何使用CSS精灵制作导航,我要说的是使用它制作整个网站的用户界面。
CSS sprites can reduce your page load time simply by reducing the amount of HTTP requests your page makes to the server through the consolidation of your CSS background images.
css sprites可以通过合并你的css背景图片,减少页面向服务的HTTP请求,轻松的降低页面的加载时间。
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选择器对每个只显示精灵中部分图片的链接进行处理:只要你需要的那部分。
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选择器对每个只显示精灵中部分图片的链接进行处理:只要你需要的那部分。
应用推荐