一、sprite雪碧图 css雪碧即css sprite，也有人叫它CSS精灵，是一种css图像合并技术，该方法是将小图标和背景图像 合并到一张图片上，让后利用css的背景定位来显示的图片部分 CSS雪碧的基本原理是把你的网站上用到的一些图片整合到一张单独的图片中，从而减少你的网站的HTTP请求 数 ...
分类：
其他好文 时间：
2016-09-17 11:59:30
阅读次数：
185
一.什么是CSS Sprites? 一般css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。再利用CSS的“background-image”，“background- re ...
分类：
Web程序 时间：
2016-09-10 13:14:08
阅读次数：
222
转自：http://www.cnblogs.com/jingwhale/p/4280073.html CSS Sprites在国内很多人叫CSS精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地 ...
分类：
Web程序 时间：
2016-09-08 11:13:19
阅读次数：
197
CSS Sprites+CSS3 Icon Font 先马上等有空一定看看转载于http://www.cnblogs.com/jingwhale/p/4280073.html CSS Sprites在国内很多人叫CSS精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一 ...
分类：
Web程序 时间：
2016-08-06 00:33:34
阅读次数：
335
一、学习心得 参考优秀的网页来学习。 1我们只做的静态网页主要用的技术？html+css 只要网上看到的，他的源代码公开的。【1】、先去分析，他们页面是如何布局（结构化）【2】、再试着去做一下， 模仿过程。【3】、最后我们可以自己尝试创新 通向高手的过程。 css精灵技巧，优化网页的http请求次数 ...
分类：
Web程序 时间：
2016-07-03 11:41:26
阅读次数：
231
无意间发现了一个很神奇的事情，就是 鼠标悬停在图片上方会切换，起初以为图标是单独插入的。但发现居然是一张完整的图片。 一万只草泥马在心中奔腾。这是怎么实现的？ 后来询问得知，这是css精灵技术（sprite） 也叫雪碧图。 CSS知识点： background-image backgorund-po ...
分类：
Web程序 时间：
2016-06-30 06:21:34
阅读次数：
1682
概要：介绍Compass如何让你从本地开发原型轻松转移到正产环境的网址或Web应用中。 本章内容： ● CSS精灵的历史和基本原则 ● Compass混合器让精灵自动化 ● 自定义精灵图片和CSS输出的高阶技巧 1.精灵的工作原理 在早期，CSS精灵是很简单的。设计师们会把按钮的不同状态做成图片，并 ...
分类：
其他好文 时间：
2016-06-06 21:51:56
阅读次数：
245
css sprite直译过来就是CSS精灵。通常被解释为“CSS图像拼合”或“CSS贴图定位”。本文章向码农们介绍css sprite使用方法和基本使用实例，需要的码农可以参考一下。 一、什么是css sprites css sprites直译过来就是CSS精灵。通常被解释为“CSS图像拼合”或“C ...
分类：
Web程序 时间：
2016-05-22 21:29:29
阅读次数：
279
CSS Sprite简介： 利用CSS Sprites能很好地减少了网页的http请求次数，从而大大的提高了页面的性能,节省时间和带宽。CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载 ...
分类：
Web程序 时间：
2016-05-19 09:04:18
阅读次数：
494
1.CSS精灵图片技术 将一个页面涉及的所有零星图片都包含到一张大的图片中，然后利用CSS技术展现出来，可以减少http请求，减少整个网页的图片大小，提高页面性能。 2.合并js文件和css文件 减少GET请求次数，提高加载速度。 3.延迟可见区域外的内容 4.压缩文本和图片 如gzip压缩技术，可 ...
分类：
其他好文 时间：
2016-03-31 20:18:10
阅读次数：
175
