background: 复合属性 注意样式的优化 background-attachment :背景是否随页面其他位置滚动，页面背景如果是单屏的 可以这样去实现 ，scroll,fixed,inherit 所有浏览器都支持，其中继承对于ie都是不适用的。 background-color: 16进制颜色，rgb颜色，单词颜色，透明，transport 默认透明 background-image :url() none inherit 建议针对背景图片也设置一个背景色 保证没有背景图片的时候也具有较好的显示效果，另外背景的大小要复合规范，背景区域的覆盖包括内边距 边框等，默认背景图片是水平以及竖直方向重复的。 background-position :坐标值 默认值 0% 0% 左上角开始 ，100% 100% 右下角 ，也可以取英文描述 ，共9中 第一个代表水平 第二个代表竖直方向，；百分比数值的如果只写了一个 第二个默认为50% ； 也可以两个都是px数值 ； background-repeat :背景重复 repeat 水平以及竖直都是重复的 repeat-x repeat-y no-repeat background-clip :css3 背景的裁剪区域 ，border-box padding-box content-box 按照盒子模型 指定背景 不用新增盒模型来实现背景 background-origin:css3 的新增属性 ，可以按照盒子模型指定背景的定位点 background-size:ie9+ css3 新增属性 ，length,percentage,cover,contain cover以及contain重点理解 不被继承 background-size 用于定义背景的尺寸，最常见的是定义无论屏幕多大，定义个全屏的背景。 background-origin 用于指定背景区域的定位区域 background-clip 用于绘制背景区域 ie9+ 以及主流的浏览器都是支持的 目前使用最多的还是background-size cover 为背景图片充满div contain 为div包含这个背景图片 可能不能填满 90% 则是控制显示的百分比 同时需要注意的是 no-repeat center