css sprite即CSS雪碧图又称CSS精灵。它存在的一个主要作用就是：减少了网页的http请求次数，从而大大的提高了页面的性能,节省时间和带宽。 例如 这样算下来。CSS sprite真的是个很实用的东西。 那么如何制作CSS sprite图呢？用下面这个例子来说明 这样一个图 就能用css
分类：
Web程序 时间：
2016-03-10 23:27:56
阅读次数：
276
CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问 该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多 的
分类：
Web程序 时间：
2016-02-04 12:29:29
阅读次数：
199
css实现评分效果，其实是css sprit （css精灵）的延伸应用，效果的实现主要是由 background-position 属性移
分类：
Web程序 时间：
2016-01-29 20:17:54
阅读次数：
192
很多时候我们打开一些网站的背景图片会发现是很多图标集合的一张完整的图片。这种网页使用的就是CSS Sprite，通过将多个图标整合在同一张图片，可以减少向服务器请求图片的次数，加快网页的加载速度。CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所...
分类：
Web程序 时间：
2015-11-17 12:42:29
阅读次数：
211
一、什么是css spritescss sprites直译过来就是CSS精灵。通常被解释为“CSS图像拼合”或“CSS贴图定位”。其实就是通过将多个图片融合到一张图里面，然后通过CSS background背景定位技术技巧布局网页背景。这样做的好处也是显而易见的，因为图片多的话，会增加http的请求...
分类：
Web程序 时间：
2015-11-02 18:48:39
阅读次数：
214
之前用Silverlight实现过一个流程设计器（Demo），使用起来不是很方便。打算参考GooFlow，结合自己对工作流的理解，用jQuery改造实现一个，力求简单实用。第一步是要构建设计器的UI界面，如下：用到的图标有：用CSS精灵工具如CSS Satyr可以把它们合在一起。C#的String....
分类：
Web程序 时间：
2015-10-22 17:00:00
阅读次数：
236
css雪碧图又叫css精灵或css sprite，是一种背景图片的拼合技术。使用css雪碧图，能够减少页面的请求数、降低图片占用的字节，以此来达到提升页面访问速度的目的。但是它也有令人诟病的地方，就是拼图和后期维护的成本比较大。也正是因为这一点，导致很多开发者懒于使用css雪碧图。对于这种耗时、枯燥...
分类：
Web程序 时间：
2015-08-12 12:53:35
阅读次数：
166
前几天学的慕课的一个课程，侧栏工具条开发。这门课程主要的学习价值： 1. 讲解的案例场景很实用，用到的技术点也较多，主要有css精灵，background-position，css transition，requirejs，sass，图标字体等； 2....
分类：
其他好文 时间：
2015-08-03 23:05:09
阅读次数：
514
方法一：
方法二：
方法二可以减少http请求！！！
css精灵的核心思想是将多张图片合成为一张图片，然后通过背景属性中的定位position来控制到底显示图片中的哪些部分。如果网页中能选择中的图片，肯定是插入的图片，选不中就是背景图片。...
分类：
Web程序 时间：
2015-07-26 21:00:08
阅读次数：
149
使用compass自动合并css雪碧图css雪碧图又叫css精灵或css sprite，是一种背景图片的拼合技术。使用css雪碧图，能够减少页面的请求数、降低图片占用的字节，以此来达到提升页面访问速度的目的。但是它也有令人诟病的地方，就是拼图和后期维护的成本比较大。也正是因为这一点，导致很多开发者懒...
分类：
其他好文 时间：
2015-07-12 18:47:18
阅读次数：
241
