开发实战-CSS3背景总结

CSS3 背景

背景图

1. background-image
   • 默认情况下，背景图会在横坐标和纵坐标中进行重复。
2. background-repeat
   • 可以控制图片是否重复
3. background-size
   • 背景图尺寸
     • 预设值
       • contain：保证图片显示在盒子中不能改变比例
       • cove：图片一定要把这个区域撑满，还要保证这个图片呢比例不变
     • 数值或百分比
       • 100% 横向要撑满纵向按比例缩放
       • 100% 100% 表示横向撑满，纵向撑满
4. background-position
   • 设置背景图的位置（精灵图）
     • 预设值
       • left、bottom、right、top、center
     • 数值或百分比
5. background-attachment
   • 通常用它控制背景图是否固定 fixed固定
6. 速写（简写）属性 background
   • background: url("") no-repeat center/100% fixed