7-颜色和背景

1-文本颜色
Color:值(各种类型颜色值)

2-背景
A-background-color背景颜色
background-color:值(transparent默认值、颜色值)
B-background-image背景图像
background-image:url();
PS:
注：背景颜色延伸到边框下面、而背景图像只延伸到内边距。
C-background-repeat图像重复
background-repeat:值(repeat、repeat-x、 repeat-y、no-repeat)
D-background-position：背景定位
background-position:值(关键词、百分数、px)
PS：
(1)-关键词

值	位置		Center(Center center)	中中
Left top	左上		Bottom(Center bottom)	中下
Left(Left center)	左中		Right top	右上
Left bottom	左下		Right(Right center)	右中
Top(Center top)	中上		Right bottom	右下

(2)-百分数值：background-position:50% 80%;
表示，以图像左上角开始以图像计算出该值在图像中的点，同时以元素内边距左上角开始计算出该值所在的点，然后这两个点对齐即可。也就是说百分数值同时应用于元素和图像。
(3)-像素值：background-position:100px 50px;
表示，从元素内边距左上角向右100px,向下50px,找到该点，然后图像左上角对齐该点即可。
注：像素值可以使用负值，产生特殊效果。
(4)-不同类型值可搭配使用，如”50% center”、”100% 100px”等
E-background-attachment背景关联
background-attachment:scroll(默认值。背景图片相对元素定位，随文档滚动)、fixed(背景图像相对可视窗口定位，但只有滚动到元素区域才看得到图像)
F-background简写属性
background:#CCC url(image.jpg) no-repeat 50% 50% scroll;
PS:
(1)-值的顺序没有要求，但背景定位的值要在一起且先水平后垂直。
(2)-值的个数也没有要求，其他没有设置的值将使用默认值。