CSS居中和定位

元素的定位属性：主要包括定位模式和边偏移

定位模式：

在CSS中，position属性用于定义元素的定位模式，其基本语法为：

选择器{position: 属性值}

position属性的常用值：

static             自动定位，流式布局（默认方式）

relative         相对定位，相对于其原文档流的位置进行定位。而且不影响其他元素的布局

absolute      绝对定位，相对于其上一个已经定位的父元素进行定位

fixed           固定定位，相对于浏览器窗口进行定位

z-index       取值范围可到9000，作用为改变重叠定位元素的堆叠顺序。

常见布局案例：

圣杯布局

双飞翼布局

CSS背景

background-position属性设置：

关键字设置      top、center、bottom和left、center、right组合使用

%设置            x%，y%    水平位置和垂直位置 从0%~100%，  如果仅设置一个值，另外一个值为50%

xpos ypos      单位为像素，可与%混合使用

background合写顺序：背景颜色，背景图地址，平铺设置，背景图滚动，背景图位置

background: #00FF00 url(bgimage.gif) no-repeat fixed top;

背景综合练习1

背景综合练习2

兼容IE6/7的inline-block方式：