CSS基础样式

1. 背景属性

1.1 background-color：设置背景颜色

值	说明
color	颜色值
transparent	默认值，透明
inherit	从父元素继承

颜色的取值：

① 关键词：red、blue等

② 十六进制：#000000（简写：#000）：黑色

#ffffff（简写：#fff）：白色

③ rgb：(0,0,0)：黑色        (255,255,255)：白色

④ rgba：a表示透明度，0表示完全透明，1表示不透明，取值为0-1

a取0.18可以简写为 .18

1.2 background-image：设置背景图像

值	说明
url("url")	图像的url
none	默认值，没有背景图像
inherit	从父元素继承

1.3 background-repeat：平铺背景图像的方式

值	说明
repeat	默认值，向垂直和水平方向平铺
repeat-x	只向水平方向平铺
repeat-y	只向垂直方向平铺
no-repeat	不平铺
inherit	从父元素继承

1.4 background-size：设置背景图像的大小

值	说明
length	设置背景图像的宽度和高度，第一个值为宽度，第二个值为高度，如果只设定一个值，则第二个值默认为auto
percentage	计算相对于背景定位区域的百分比，其余同上
cover	保持图像的横纵比并将图像缩放成完全覆盖背景定位区域的最小大小（背景图片会覆盖整个背景区域，但背景图片可能会显示不完全）
contain	保持图像的横纵比并将图像缩放成完全覆盖背景定位区域的最大大小（背景图片拉伸至最大，背景区域可能覆盖不完全）

1.5 background-position：设置背景图