绝对简单明了的告诉你
{}里面的内容能开明白就不做解释
{}前面的 有3中
第一重 是 . 开头的，这个叫做类。可以多次使用，在HTML 里面用CLASS=“” 调用。
第二种 是 # 开头的，这叫ID。 一个页面只能使用一次。在HTML 里面用 ID=“”调用。
第三中 就是直接的标签名 比如 P TABLE 等等。这些不用调用，自动加载的。
至于之间的关系用简单透彻的话说就是。
把所有HTML 标签所要展示的效果 全部 放在{}，然后通过 CLASS 或者ID 调用， 使的 HTML 标签只展示网站的结构，CSS 展示网站的效果。
1、如果楼主只是将其当做一张图片显示，可以通过css控制，如img{width:100%height:100%}.否则需要将其作为网页背景的话可以试试如下方法：
2、如果这张图片为背景图片由于背景图片不具有伸缩性，只能通过别的方法绕着解决，在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。
这时可以拐个弯，设置两层div，底层div当做背景使用，放置一张图片即可。
<div id="background" style="position:absolutez-index:-1width:100%height:100%top:0pxleft:0px"><img src="1.jpg" width="100%" height="100%"/></div>
再将网页内容放置到第二层上<div id="content">页面内容</content>
3、网页背景图片默认情况下是重复平铺满整个页面。上面2方法是要求图片不重复，但又得占满浏览器所采用的方法。
