提高可维护性
3、CSS无图技术在微博的实际应用是什么？
通过前面的演示我们可以看到，无图技术在微博中非常常见。
四、无图技术的实现方法
大致有四种形式：一是通过background-color和border生成图片；二是通过background-color和border生成图片； 另一种是通过文字生成图片； 三是通过CSS3渐变生成图片（这个要考虑低级浏览器的不兼容）； 第四个是CSS3自定义字体（@font-face）生成图像。
利用CSS的background-color和border属性来生成一些图形，比如三角形。 纯CSS2内容完全兼容IE6。
1）用background-color生成的盒子，效果如下：
CSS代码：
2）border生成的盒子，效果如下：
CSS代码：
3）border生成的小三角形，效果如下：
CSS代码：
4）border生成的尖角三角形，效果如下：
CSS代码：
5）border生成的斜三角形，效果如下：
HTML 结构：
CSS代码：
通过上面的五个图形，可以得到下面的图形，效果图如下。
这里我只贴出中间图形的代码，其他的，有兴趣的朋友可以自行研究，更多有趣的图形等你来完成。
HTML 结构：
CSS代码：
2、通过尖角、点、箭头等字符生成图片，也属于CSS2的范畴，完全兼容ie6。 这个在博客中被广泛使用，所以这里就不写demo了。
1）尖角，效果图如下
HTML 结构：
CSS代码：
HTML 结构：
CSS 样式：
3）箭头，效果图如下
HTML 结构：
CSS 样式：
微博名人堂没有提供具体的定义，但建议可以对字体样式进行一些限制，使其在各种浏览器中表现相同。
3、CSS3生成图片，利用box-shadow、border-radius、gradient等CSS3新属性生成图形。 在IE浏览器中使用渐变背景需要使用IE渐变滤镜，但是使用滤镜资源会消耗很多，所以，要根据项目的实际情况权衡是否使用滤镜。
我们来看一下微软的搜索按钮的例子
CSS 样式：
GOOGLE搜索按钮不使用滤镜，IE浏览器不做渐变处理。 大家都知道GOOGLE是一家注重业绩的公司。 有时为了极致的性能牺牲一点视觉体验是可以接受的。
