CSS背景、列表、盒子模型

本章内容：

• CSS背景
• CSS列表

一、CSS背景

A、背景颜色

background-color:颜色 | transparent（透明色）

B、背景图片

• background-image:url | none

注意：当同时设置了图片和背景颜色时，图片会覆盖颜色

• background-repeat:repeat （重复/默认）| no-repeat（不重复） | repeat-x（s轴重复） | repeat-y（y轴重复）

当一张图片没有容器大时，图片默认复制自己填充容器；

• background-attachment: scroll（滚动/默认） | fixed（默认）
• background-position: 百分比 | 值 | 四个方向

C、简写方式

• background: a b c d;

不分先后顺序， 值之间用空格分割

二、CSS的列表

A、列表标记样式

• list-style-type：dics（实心圆点） | circle（空心圆点） | square（实心方块） | decimal（整数） | lower-roman（小写罗马） | upper-roman（大写罗马） | lower-alpha（小写英文） | upper-alpha（大写英文） | none（无标记）

B、自定义标记样式

• list-style-image:URL | none

C、标记的位置设置

• list-style-position:inside（不顶行） | outside（顶行）

D、简写方式

list-style: a b c d;

空格分割 不分顺序