SpriteMe 页面CSS图片工具
SpriteMe是Google的一个开源项目，可以用来方便地找出一个页面中所使用的图片，然后可以将所以图片合并到一个“Sprite”图片，然后再通过
CSS控制调用哪一个区域，其提供了一个网站来安装，演示使用方法，http://spriteme.org/ 。
安装方法很简单，按照上面那个页面上的提示，将一个链接拖到“书签工具栏”即可，然后再按照上面的“Demo”一步步的操作。
SpriteMe 提供的特性:
查找页面背景图片；
组织所有图片到一个 sprites；
生成 sprite；
将生成的 sprite 注到当前页面；
重新计算背景图片位置的CSS。
该工具很方便使用，对于网页开发者可以提高其页面设计的效率，很赞！！
相关文档：
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题 vertical-align:middle; ......
作为网页设计师(前端工程师)，你可能还记得曾经的那个网页大小建议:一个网页（包括HTML、CSS、Javacript、Flash和图
片）尽量不要超过30KB的大小，随着互联网的日益庞大，网络带宽也在飞速发展，很多设计师已经不再考虑这条30KB的理想准则。随着越来越受欢迎的
CSS布局和Javascript对网站用户体验的强化，使得这种现� ......
1.定义DIV
分析一个典型的定义div例子：
#sample{ MARGIN: 10px 10px 10px 10px;
PADDING:20px 10px 10px 20px;
BORDER-TOP: #CCC 2px solid;
BORDER-RIGHT: #CCC 2px solid;
BORDER-BOTTOM: #CCC 2px solid;
BORDER-LEFT: #CCC 2px solid;
BACKGROUND: url(images/bg_poem.jpg) # ......
滤镜效果 | 功能描述
-----------------------------------------------
Alpha | 设置不同的透明度变化效果
-----------------------------------------------
Blur | 建立模糊效果
-----------------------------------------------
DropShadow| 建立一种偏移的影象轮廓，即投射阴影
---------------------- ......
在当今网页设计/开发实践中，使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美
世界:所有的浏览器都能够理解和适用多有CSS规则，并且呈现相同的视觉效果(没有兼容性问题)。但是，我们并没有生活在这个完美的世界，现实中发生的失
窃却总是恰恰相反，很多CSS样式在 ......
