0是背景图片的位置,表示顶部对齐,到顶部距离为0,center表示居中
css中背景样式分别如下:
background-color:#999999; //元素的背景色
background-image : url("path/bgFile.gif"); //设置背景图像
background-repeat : repeat-x | repeat-y | repeat | no-repeat; //设置重复方式
background-attachment : fixed | scroll; //设置背景图片的固定方式
background-position : X轴坐标,Y轴坐标[top,bottom,center,left,right,20px,10%];
//设置背景的左上角位置,坐标可以是以百分比或固定单位
background 可以用这个属性把前面几个综合起来进行简写,
background 各个值的次序依次如下:
background-color | background-image | background-repeat | background-attachment | background-position
例如:
.bg01{
background-color: #FFCC66;
background-image: url("path/bgFile.gif");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: left top;
}
上面可以简写为:
.bg01{background:#FFCC66 url("path/bgFile.gif") no-repeat fixed left top; }
左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。
如果您仅规定了一个值,另一个值将是50%。
与center一起出现的话,应该是规定背景的定位,为距离顶部为0;
如果 0 在center前面的话是距离左边为0;
相当于下面的拆分开的代码
background-image: url();
//引入图片地址
background-repeat: no-repeat;
//设置是否循环
background-position: center 0;
//设置背景定位位置
当然还有几个属性
background-size: 50px 50px;
//设置背景尺寸,可以用百分比,相对于下面的规定boder-box;默认定位父级是padding-box;
background-origin: border-box;
//设置背景图片定位相对位置。
//还有几个,可以在网上自己找找。一个一个试试理解。