一、 网页中添加图片的方式有两种
一种是：通过<img>标签直接插入到html中
另一种是：通过css背景属性添加
二、 怎样来判断添加图片方式？
1： 网页中的装饰性的图片，通过背景图片添加。
2：用户图片，通过插入形式添加。
3：按钮，有多个状态的效果图片，通过背景图片添加。
三、 背景图片定位决定因素：
a. 设置背景图片容器的大小（宽度和高度）
b. 首先要定义背景图片（background-image）
c. 其次是背景图片是否重复（background-repeat）
四、 背景图片定位（background-position）原理
A. 语法：Background-position:水平位置 垂直位置
B. 水平位置/垂直位置设置方法：
1） 数值（px）正负值都可以
2） 百分比（%）范围：0%—100%
3） 关键词：水平位置：left(左) center(中) right(右)
垂直位置：top(上) center(中) bottom(下)
注意：当只设置一个值时：代表水平位置，垂直位置默认居中
我们知道在用图片作为背景的时候，css要这样写，以div容器举例子，也可以是body、td、p等的背景，道理一样。
| 代码： div{ background:#FFF url(image) no-repeat fixed x y;} |
这里的background的属性值依次为：
#FFF 背景色：（颜色值，背景图片没有覆盖的地方，或者没有背景图片时表现的背景色）
image 背景图片：（这里是图片的地址）
no-repeat 是否重复：（图片小于容器的大小时，默认会重复排列图片以填满容器，no-repeat表示不重复，只有这个时候后面的定位坐标才有用。）
fixed 背景是否随容器滚动：（有两个可选值，scroll滚动，fixed不滚动，默认是scroll）
x y 背景图像的定位：（注意，只有在no-repeat下定位才有意义。这个就是今天要讲的重点）。