一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 过去我们总通过图片来美化站点的LOGO、标题、图标等，而现在我们可以通过@font-face获取另一种更灵活的美化方式。 二、看看例子 ...

css sprites：精灵图（雪碧图）：把一堆小图片整合在一张大图上，通过背景图片相关设置（背景图片、背景图是否重复、背景图定位），显示图片，减轻服务器对图片的请求数量 优点： 1、减少网页的HTTP请求，提高页面性能 2、图片命名上的困扰 3、更换风格方便 缺点： 1、必须限定容器大小，符合 ...

　　CSS Sprites 　　CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张 ...

在做网页开发中经常会用到图标，原来经常会到一些icon网站上找导入到项目中，现在Font-Awesome中的有很多的图标，并且还在不断更新 现在Font-Awesome最新版本是4.7，下载出来的Font-Awesome有下面这些文件，只保留css和fonts文件夹中的内容就可以 ...

Font Awesome为您提供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。官网：http://fontawesome.dashgame.com/ 下面的代码是我自己整理的一些网页中常用的小图标，更多图标请访问官网查看详情 ...

一、把小图放在一张大图中，先排版好。上几张图看看，就比如这个： 谷歌： 淘宝： 土豆右下角悬浮框： 1、把用到的小图都放到了一张大图里，其中的小图之间的排版是有点规律的，比如说淘宝 ...

CSS Sprites是一种性能优化技术，一种网页图片应用处理方式：将多个图像组合成单个图像文件以在网站上使用的方法，以提高性能；也被称为css 精灵图。 网页通常包含多个图像。这些包括图标，按钮，徽标，相关图片和其他图形。当页面中加载图像时，浏览器向服务器发出HTTP请求。分别加载每个图像需要 ...

CSS Sprites在国内很多人叫css 精灵，是一种网页图片应用处理方式。就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位 ...