CSS背景和列表

CSS背景

背景颜色
background-color：颜色|transparent
1.transparent是全透明黑色（black）的速记法，类似rgba（0，0，0，0）这样的值
2.颜色值（颜色名 | RGB | 十六进制）
3.背景区包括内容、内边距（padding）和边框、不包含外边距（margin）
4.如果不给边框设置颜色，那边框颜色默认=文本的颜色

背景图片
background-image:URL | none
1.URL地址可以是相对地址也可以是绝对地址
2.元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距
3.默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复
注：同时给一个盒子设置背景颜色background-color和背景图片background-image时，显示效果为背景图片。背景颜色也存在只不过被覆盖了，在工作时会同时设置这两个属性，目的是防止图片不显示时颜色可代替

背景图片重复
设置元素的背景图片的重复方式
1.repeat：重复；
2.no-repeat：不重复；
3.repeat-x：水平重复；
4.repeat-y：垂直重复。

背景图片显示方式
设置背景图片的显示方式。
background-attachment：scroll|fixed;
注：
1.scroll：默认值，背景图片随滚动条滚动；
2.fixed：当页面的其余部分滚动时，背景图片不会移动。

背景图片定位
设置元素的背景图片的起始位置(相对于容器）
background-position：百分比丨值丨top丨right丨bottom丨left丨center


注：
1.background-position是相对于容器而言
2.background-attachment:fixed是相对于浏览器窗口页面而言
3.背景缩写background 不分先后，空格分割

CSS列表

列表项标记
设置列表项的标记样式类型：
list-style-type：关键字 | none
属性

使用图片设置列表项的标记
list-style-image：URL(…)丨none

设置列表项标记的位置
list-style-position：inside|outside
inside：列表项目标记放置在文本以内，且环绕文本根据标记对齐；
outside：默认值，列表项目标记放置在文本以外，且环绕文本不根据标记对齐

list-style：将type position image缩写在一起
说明：
1.值之间用空格分隔开
2.顺序不固定
3.list-style-image会覆盖list-style-type的设置