SpriteMe 页面CSS图片工具
SpriteMe是Google的一个开源项目，可以用来方便地找出一个页面中所使用的图片，然后可以将所以图片合并到一个“Sprite”图片，然后再通过
CSS控制调用哪一个区域，其提供了一个网站来安装，演示使用方法，http://spriteme.org/ 。
安装方法很简单，按照上面那个页面上的提示，将一个链接拖到“书签工具栏”即可，然后再按照上面的“Demo”一步步的操作。
SpriteMe 提供的特性:
查找页面背景图片；
组织所有图片到一个 sprites；
生成 sprite；
将生成的 sprite 注到当前页面；
重新计算背景图片位置的CSS。
该工具很方便使用，对于网页开发者可以提高其页面设计的效率，很赞！！
相关文档：
还算不错的文章，虽然条理性不是非常清楚，也转贴收了吧，方便查资料。
CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。
常见兼容问题：
1.DOCTYPE 影响 CSS
处理
2.FF: div 设置 margin-left, margin-right 为 auto 时已经 ......
.box128{
width:128px;
height:128px;
text-align: center;
vertical-align:middle;
display:table-cell !important;
display:block;
border:1px solid #DDD;
......
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。
2、无边框。推荐的写法是 border:none;，哈哈，我一直 ......
css圆角box备忘 <style type="text/css">
div.box{}
div.boxtitle{background-color:#888; height:24px; line-height:24px; vertical-align:middle; padding-left:10px;}
div.boxcontent{ padding:10px; border:1px #888 solid;}
b.r {display:block;background: #fff} ......
第三步是定义你的语言编码，类似这样：
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用Unicode、ISO-8859-1等，根据你的� ......
