背景：
color:代表纯颜色背景。例：red,blue,#FFF
image:url(图片路径)。注意：图片路径不加引号
repeat:铺排效果。例：repeat-x repeat-y no-repeat
attachment:滚动效果(兼容性不好，用的不多) 例：scorll(默认)，随元素滚动 fixed相对屏幕不变位置，像被钉住
position:
多个元素共用一个背景图
这种现象在大网站非常常见
作用：可以节省很多次的请求，把众多的背景图请求压缩为一次，因为大网站每天的访问量可能上亿，
这时的性能提升就很明显。
计算机里的坐标(重要)
原点在屏幕的左上角，并且x轴往“右”为正，y轴往"下"为正
如果用一个比元素还要大的图做背景时，图片与元素是如何重合的，或者说，用图片的哪一部分做元素的背景？
答：默认是把背景图的原点与元素的原点重合，元素有多大，自然截出多大的背景图。
比如一条床单铺在一张小桌子上，在css里是这样铺，把床单的左上角和桌子的左上角对齐，多余的部分不要。
就是计算背景的原点相对于元素的原点的坐标管线
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title>
<style title="text/css">
#header { width:200px; height:200px; border:solid 1px blue; background:gray url(http://static.cnblogs.com/images/adminlogo.gif) no-repeat fixed; }
#jian { width:40px; height:40px; background:url(http://static.cnblogs.com/images/adminlogo.gif) no-repeat -40px 0px; }
div { background:url(http://jebe.xnimg.cn/20120613/16/2335ff42-99be-4b4c-8234-981e4f31f511.jpg); color:white; }
</style>
</head>
<body> <div id="header"></div> <h2>通过背景的position属性来实现多个元素共用一张背景图的效果</h2> <div id="jian"></div> <div>欢迎来到魔兽世界</div> <h2>背景小技巧</h2> <p>在开发过程中，用图片做背景的同时，往往还要用图片的主色调来作为元素的背景色<br /> 目的是：防止背景图片丢失，导致页面的视觉效果变化太大。</p> </body> </html>
