SpriteMe 页面CSS图片工具
SpriteMe是Google的一个开源项目，可以用来方便地找出一个页面中所使用的图片，然后可以将所以图片合并到一个“Sprite”图片，然后再通过
CSS控制调用哪一个区域，其提供了一个网站来安装，演示使用方法，http://spriteme.org/ 。
安装方法很简单，按照上面那个页面上的提示，将一个链接拖到“书签工具栏”即可，然后再按照上面的“Demo”一步步的操作。
SpriteMe 提供的特性:
查找页面背景图片；
组织所有图片到一个 sprites；
生成 sprite；
将生成的 sprite 注到当前页面；
重新计算背景图片位置的CSS。
该工具很方便使用，对于网页开发者可以提高其页面设计的效率，很赞！！
相关文档：
作为网页设计师(前端工程师)，你可能还记得曾经的那个网页大小建议:一个网页（包括HTML、CSS、Javacript、Flash和图
片）尽量不要超过30KB的大小，随着互联网的日益庞大，网络带宽也在飞速发展，很多设计师已经不再考虑这条30KB的理想准则。随着越来越受欢迎的
CSS布局和Javascript对网站用户体验的强化，使得这种现� ......
<html>
<head>
<title>CSS伪类 pseudo-class</title>
<style type="text/css">
a:link {color: #FF0000} /* 未被访问的链接 红色 */
a:visited {color: #00FF00} /* 已被访问过的链接 绿色 */
a:hover {color: #FFCC00} /* 鼠标悬浮在上的� ......
第三步是定义你的语言编码，类似这样：
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用Unicode、ISO-8859-1等，根据你的� ......
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) # ......
