3.CSS背景和列表

一、背景样式：

1.背景颜色：

设置元素的背景颜色：

background-color:颜色 | transparent

说明：

• transparent:全透明黑色的速记法，相当于没有设置
• 颜色值：颜色名，RGB，十六进制
• 包括内容、内边距padding、边框、不包括外边距margin
• 边框默认为文本颜色

2.背景图片：

background-image:URL | none

background- image:url(xxx/xxx.jpg)

说明：

• url地址可以是相对也可以说是绝对的
• 元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。
• 背景图片默认为元素的左上角，并在水平和垂直方向上重复
• 在设置边框时，也要设置样式：dashed 虚线 solid 直线
• 同时设置背景图片和背景颜色时，背景图片覆盖背景颜色
  

2.背景图片重复：

background-repeat:repeat | no-repeat | repeat-x | repeat-y

3.背景图片显示方式：

background-attachment:scroll | fixed

说明：
scroll：默认值，背景图片随滚动条滚动
fixed：当页面其余部分滚动时，背景图片不会滚动，固定显示在屏幕左上角（？）

4.背景图片定位：

background-position:百分比 | 值

top | right| bottom|left|center

5.列表样式：

6.背景缩写：

background:background-color ;background-image;background-position;background-repeat;background-attachment
各值之间用空格分隔，不分先后顺序。

background:#000000 url(xxx/xxx.jpg) no-repeat top left scroll;

二、列表样式：

1.列表项标记：

1.有序列表、无序列表：

list-style-type:关键字 | none

2.使用图片进行列表项标记：

3.列表标记位置：

list-style-position:inside | outside

inside:列表项目标记放置在文本以内，且环绕文本根据标记对齐。
outside：默认值，列表项目标记放置在文本以外，且环绕文本不根据标记对齐。

4.列表样式缩写：

list-style:list-style-position;list-style-image ;list-style-type
说明

• 值之间用空格分隔
• 顺序不固定
• image会覆盖掉type的样式