CSS基础知识（2）

1.列表属性

语法：{list-style-type:disc（实心圆）/circle（空心圆）/square（实心方块）/none（去掉列表符号）；}
说明：定义符号列表样式

语法：{list-style-image:url(所使用图片的路径及全称）；}
说明：使用图片作为列表符号

语法：{list-style-postion：outside（外边）/inside（里边）；}
说明：定义列表符号的位置，默认是outside。

语法：{list-style:none;}
说明：去掉列表样式

2.背景属性

背景颜色：{background-color：颜色值;}

背景图片：{background-image：url（背景图片的路径及全称）;}
说明：网页上有两种图片形式：插入图片、背景图；
插入图片：属于网页内容也就是结构

<img src="图片的路径及全称"/>

背景图：属于网页的表现，背景图上可以显示文字、插入图片、表格等。
容器尺寸等于图片尺寸，背景图片正好显示在容器中；
容器尺寸大于图片尺寸，背景图片将默认平铺；
容器尺寸小于图片尺寸，只显示元素范围以内的背景图

背景图片的平铺属性：{background-repeat：no-repeat/repeat/repeat-x/repeat-y;}
说明：no-repeaat：不平铺
repeat:平铺
repeat-x:横向平铺
repeat-y:纵向平铺

背景图片的位置属性:{background-position:值1 值2;}
说明：值1：水平方向上的对齐方式（left/center/right）或值
值2：垂直方向上的对齐方式（top/center/bottom）或值
当两个值都是center时写一个值就可以代表的是水平位置和垂直位置；向左方向和向上方向都是负值

背景属性缩写：{background：属性值1 属性值2 属性值3；}
例如：background:#背景色 url（背景图片的路径及全称） no-repeat center top

3.浮动属性

float：定义网页中其它文本如何环绕该元素，浮动只能对后面的元素产生影响
{float：left/right/none;}
说明：left：元素浮动在文本左面
right：元素浮动在右面
none：默认值，不浮动
浮动的三大显著特征：1）div块元素失去“块状”换行显示特征，变为行内元素；2）紧贴上一个浮动元素（同方向）或父级元素的边框，如果宽度不够将换行显示；3）占据行内元素的空间，导致行内元素围绕显示
当父元素中的所有元素都浮动时会出现高度塌陷的情况，解决高度塌陷有下面两种方法：
1）给父元素添加声明：overflow:hidden；
2）在浮动元素下方添加空div，并给该元素添加声明：clear：both；height：0；overflow：hidden； 或者  clear：both；height：0；font-size：0；（针对ie6以下的浏览器）