CSS续

继续上一篇博客补充CSS的基础内容：

1.背景图片：

i. 设置背景图片：background-image: url(img/xxx.jpg);

   url中为图片路径。

ii. 设置背景图片重复方式：background-repeat: no-repeat;

    属性值可以是repeat-x 横向重复,repeat-y 纵向重复 等。

iii. 设置背景图片的随动方式：background-attachment: fixed;

    fixed:绑定，图片不随页面其他部分变化。

    Scroll:跟随页面其他部分滚动。

iv. 设置背景图片的位置：background-position:left top;

    参数有两个，分别表示横向位置，纵向位置

    也可以使用left,top,right,bottom等内置参数。

2.元素居中方式：

i. 文字水平居中：text-align: center;

ii. 文字垂直居中，行高=外部DIV行高：line-height: 180px;

iii. div水平居中，有两个参数第一个参数是距离顶端的高度 auto:自动在左右两边居中：margin: 0px auto;

3.文本装饰：text-decoration：

i. none:没有装饰效果，text-decoration:none;

ii. underline:下划线，text-decoration:underline;

iii. overline:上画线，text-decoration:overline;

iv. line-through:横穿线，text-decoration:line-through;

v. blink:文本闪烁，text-decoration:blink;（文本闪烁需要浏览器支持）

如果需要多个文本装饰效果，可以在参数域写入多个参数，如： text-decoration:underline overline line-through; 则表示同时又上画线，下划线，横穿 线；文本装饰可以用 于超链接的样式更改。

4.列表样式：

i. list-style:circle空心圆  

ii. list-style:disc实心圆  

iii. list-style:square 方形

iv. list-style-image:url(xx.png) 将首部标识改为图片

v. list-style-position:inside 设置列表的位置，也可以是outside，二者区别不大。

5.其他样式：

i. opacity:0.5; 设置透明度，参数范围0-1，1为正常透明度。

ii. float:left; 设置浮动，参数可选left,right等，浮动注意尽量少单独浮动，容易产生意外情况。

iii. display:block;  block将元素转变为块级元素，前后均有换行符；inline内联元素，前后没有换行符（默认值）。

iv. padding:20px; 内边距，表示内部元素与边框的距离，可以具体细 化如padding-left,padding-right,padding-top,padding-bottom;

v. margin:20px; 外边距，表示该元素与其他元素的距离，细化方法同 上。