以该页面为例，红色方框所标注的应该是一个类似列表项的按钮，但实际上css提供的列表项并没有这样的形状（也不能给其指定颜色），其实这就是一个小图标。
蓝色方框（左边）标注的是一个按钮的小图标，这样的图标很常见，比如收缩框的放大镜，购物车的购物车图标等等，这些其实也是一个小图标。
蓝色方框（右边）标注的是一个小的角标，这样的角标很常见，比如上面的暑期大促，还有一些new，hot等小角标都是比较常见的，这些也是一种图标。
角标的实现可以直接使用定位去将角标定位到右上角，不过这样的方式并不好看（而且角标内的字体可能是特殊定制过的艺术字）。
另外两种图标本质上是一张图片，也是利用将图片绝对定位到相应的地方就可以实现了（也可以使用background属性去实现，这种方法更好（因为减少了html标签））
在基础方式上你会发现一个页面要用到的图片实在是太多了，加载这些图片需要与浏览器进行很多·次的请求。这时侯出现了一种新的技术（其实只是对原有技术的更好的使用）。就是雪碧图，雪碧图的精髓就是将这些小图标合在一张图片中，在请求数据的时候就避免了多次请求。这样在早期有助于降低带宽和服务器的压力，同时也对渲染有所帮助（一次获取全部小图标进行渲染）（上述的三种小图标统统都可以用雪碧图实现）。