什么是css sprite？css sprite，中文叫雪碧图，也有人喊CSS精灵，就是一种背景拼合的技术，然后通过background-position来显示雪碧图中需要显示的图像。MDN相关链接：https://developer.mozilla.org/zh-CN/docs/Web/Guide...
分类：
Web程序 时间：
2015-07-10 23:38:12
阅读次数：
223
CSS Sprites简介 技术文档https://css-tricks.com/css-sprites/ 通常被意译为“CSS图像拼合”或“CSS贴图定位”。但CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度。随着W.....
分类：
Web程序 时间：
2015-06-30 17:49:58
阅读次数：
149
CSSSprites，在前端图片处理中经常用到的一种高效方法，下面参考百度百科的总结，非常到位，学习一下吧！ CSSSprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以...
分类：
Web程序 时间：
2015-06-11 16:41:02
阅读次数：
172
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><t..
分类：
Web程序 时间：
2015-06-01 20:45:35
阅读次数：
135
使用compass自动拼css spritecss sprite （css 雪碧）又叫css精灵，是一种图片拼合技术。多用在图标上，把几个图标拼成一个图片，页面加载的时候只需要load拼好的图片，然后使用background-position配合width、height来显示不同的图标。这样做可以减少页面请求数。但是，想想把一个个图标从psd上扣下来，合到一个图上，然后还要慢慢算background...
分类：
Web程序 时间：
2015-05-21 00:07:56
阅读次数：
253
一、CSSSprites简介CSSSprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需...
分类：
Web程序 时间：
2015-05-11 14:21:43
阅读次数：
154
以前只是听说过雪碧图没用过，然后来了这里做的第一个活儿就涉及到他。因为怕不会用，就用他们原来切的，那个调的费事啊，算那个background-position困难的啊。原因是他们的雪碧图切放在了一起，没有留有空隙，所以，只能用一个废标签去专门放一个图标。现在发现雪碧图还是很有用的，把所有要用的图片放在一起，然后根据定位来调出要用的图片很方便。
随便写了个小demo：http://codepen.i...
分类：
Web程序 时间：
2015-05-04 08:45:12
阅读次数：
296
CSS Sprite简介：利用CSS Sprites能很好地减少了网页的http请求次数，从而大大的提高了页面的性能,节省时间和带宽。CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入...
分类：
Web程序 时间：
2015-04-16 19:44:51
阅读次数：
188
http://spritegen.website-performance.org/oldsites/spritegen/htdocs/?_ga=1.216797782.1935780512.1426211317
分类：
Web程序 时间：
2015-03-13 10:37:43
阅读次数：
145
