什么是css sprites，如何使用？
css sprites：精灵图（雪碧图）：把一堆小图片整合在一张大图上，通过背景图片相关设置（背景图片、背景图是否重复、背景图定位），显示图片，减轻服务器对图片的请求数量 优点： 1、减少网页的HTTP请求，提高页面性能 2、图片命名上的困扰 3、更换风格方便 缺点： 1、必须限定容器大小，符合 ...
原文：CSS Sprites的详细使用步骤
一 把小图放在一张大图中，先排版好。上几张图看看，就比如这个： 谷歌： 淘宝： 土豆右下角悬浮框： 把用到的小图都放到了一张大图里，其中的小图之间的排版是有点规律的，比如说淘宝那张，类似的小图放置成同一列，这样就计算小图显示位置的时候，只要知道第一个小图的位置，同一列的小图，left X坐标 一样，只需要改top Y坐标 。这样就方便了许多。 二 使用大图。 在哪个位置需要使用这个小图，就把大图作 ...
2014-09-17 15:36 0 5284 推荐指数：
相关推荐
css sprites（精灵图）如何使用？
CSS Sprites是一种性能优化技术，一种网页图片应用处理方式：将多个图像组合成单个图像文件以在网站上使用的方法，以提高性能；也被称为css 精灵图。 网页通常包含多个图像。这些包括图标，按钮，徽标，相关图片和其他图形。当页面中加载图像时，浏览器向服务器发出HTTP请求。分别加载每个图像需要 ...
使用CSS sprites减少HTTP请求
sprites是鬼怪，小妖精，调皮鬼的意思，初听这个高端洋气的名字我被震慑住了，一步步掀开其面纱后发觉很简单的东西，作用却很大 神马是CSS 小妖精 CSS sprites是指把网页中很多小图片（很多图标文件）做成按规律排列的一张大图上，在显示的时候通过background-image ...
CSS Sprites ——雪碧图的使用方法
首先解释下CSS Sprites是什么：有称CSS精灵，有称CSS雪碧的，无论叫什么，他的作用就是把网页上很多小图标放到一张图片里面，然后通过CSS里面的background-position来控制每个图片的坐标，这样不但减少http请求，而且还降低了图片的大小，加快图片的加载速度，对前端开发 ...
使用CSS3的background-size优化Sprites图显示
可以创建一张Sprites图，这张图既有普通分辨率图像，又有高分辨率下的图像？ 你可以，但你还是要面对，你的用户在一个较慢的带宽下下载一个大图的烦恼。你也要同时面对IE9以下的浏览器不支持background-size的麻烦问题。 你最好还是分别为高分辨率和普通分辨率创建不同的两张 ...
【CSS】CSS Sprites (CSS 精灵) 技术
CSS Sprites CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张 ...
TortoiseSVN使用详细步骤
1 安装及下载client 端 2 什么是SVN（Subversion）? 3 为甚么要用SVN? 4 怎么样在Windows下面建立SVN Repository？ 5 建立一个 ...
使用springMVC的详细步骤
使用springMVC也可以代替struts2，当然只是代替业务分发的功能，struts2的一些其他功能它是没有的，不然要struts2有什么用。 下面我用springMVC代替struts2去整合hibernate实现简单的员工查询功能。 使用springMVC有两个配置文件需要配置 ...