Background-color：背景颜色
Background-image：背景图片，格式：background-image:url(images/bg.gif);
Background-repeat：背景平铺，取值：no-repeat、repeat-x、repeat-y、repeat
Background-position：背景定位，格式：background-position:水平方向 垂直方向
单词表示：left|center|right top|center|bottom 举例：background-position:center center; //背景图位于容器的正中间。
百分比表示：50% 50% 举例：background-position:50% 50%; //背景图位于容器的正中间
固定值表示：0px 10px 举例：background-position:0px 10px; //背景图距容器上边的间隔
CSS浮动和打消
如果要将两个块元素放在同一行，这种情形下，就得利用“浮动”属性。
1、浮动的方向：浮动元素向左或向右浮动；
2、浮动到什么地方为止：碰到包含元素的边上为止，或者前一个浮动元素的边上为止；
4、浮动元素的层级：浮动元素的级别要比普通文档流中的元素的级别高，会发生覆盖的征象。
5、浮动元素不再占用空间；
6、浮动元素将变成“块元素”，而不管原来是什么元素；
打消浮动
Clear:打消浮动，取值：left、right(右)、both(两者)
解释：利用“clear”属性后，包含元素从“视觉上”能包围住浮动元素；
利用“clear”属性之后的其它元素，将规复默认排版（默认特性）
Clear是打消其之上的元素的浮动特性。
打消属性放在所有浮动元素的后面，来进行打消浮动。
“盒子”模型
任何HTML元素，都可以算作是一个“盒子”。
一个“盒子”具有：内容宽和高(width、height)、边框线(border)、内添补(padding)、外边距(margin)。
提示：同一个class属性，可以同时设置多个类的名称，多个类名间用“空格”隔开。
<div class=“content float1 font2”></div>
<style type=“text/css”>
.content{width:500px;}
.float1{float:left;}
.font2{font-size:16px;}
</style>
2.CSS显示属性Display：设置元素的显示办法，取值：none(隐蔽)、block(块显示)、inline(行内元素显示)
3.CSS定位属性position：定位的类型，取值：static(静态定位)、relative(相对定位)、absolute(绝对定位)、fixed(固定)
left：定位元素间隔左边的间隔
right：定位元素间隔右边的间隔
top：定位元素间隔顶边的间隔
bottom：定位元素间隔底边的间隔
static：静态定位，普通文档流中的元素默认便是static定位；
fixed：固定定位，相对付当前浏览器窗口来进行的定位。
固定定位元素不再占用空间(跟浮动很像似)，层级高于普通元素
固定定位元素是一个块元素，不管原来它是什么元素；
Relative：相对定位，相对付“原来的自己”进行的定位。
它所占的空间依然保留，层级会高于普通元素。
当fixed、relative、absolute三个定位元素，没有指定“定位坐标”时，它们还勾留在原地。
四个坐标值，如果向它原来自己的“中央走”，则都是“正值”，如果向外走(离中央远)，则都是“负值”。
Absolute：绝对定位，相对付先人的定位元素(相对定位、绝对定位)进行的定位。它会一贯往上走定位元素，如果找到，则相对付其进行位置偏移；如果全体上级都没有找到定位元素时，则相对付<body>来定位。
所占的空间消逝，不占空间，层级高于普通元素；
绝对定位元素是一个块级框(块元素)，不管原来是什么元素。
