目录
背景样式
背景颜色
backgroung-color: 颜色或transparent
transparent：背景透明
一般情况下默认为透明色
背景图片
background-image : none或 url(url);
比插入图片更容易控制位置
实际开发中常见于logo或一些装饰性的小图片或超大的背景图片，有利于控制位置
背景平铺
backgroung-repeat: repeat / no-repeat / repeat-x / repeat-y
平铺 / 不平铺 / 沿x轴平铺 / 沿y轴平铺
默认平铺
背景位置(重要)
background-position: x y;
可以使用方位名词或精确单位(像素 百分比）
方位名词
top / center / botton / left / right / center
right center和 center right 样式一样 顺序不影响
如果只写一个方位名词，另一个值省略，则那个值默认居中对齐
如果只写一个 right 水平一定是右侧对齐，第二个参数省略y轴是垂直居中显示的
top 一定是水平居中靠上 相当于 top center
精确单位
精确单位一定是按x y的顺序
距离左侧20px 距离上侧50px
background-position: 20px 50px
如果只指定一个值 那该数值一定是x坐标，y坐标默认居中
混合单位
第一个参数一定是x 第二个参数一定是y
background-position: 20px center;
(等价于background-position: 20px)
背景固定
是否随着页面滚动
background-attachment: scroll（滚动） / fixed(固定）默认是scroll
背景复合写法
background:
没有特定的顺序写法
一般约定为 颜色、图片、地址、平铺、滚动、位置
背景透明度
背景半透明
background: rgba(0,0,0,0.3);
第四位是透明度 0-1
背景色半透明 内容不变
一般习惯把0.3的0省略 写.3
CSS3新增属性
