背景

bakciground:#ccc url() no-repeat fixed 0 0 ;
背景颜色
背景图片
是否重复？
是否固定/滚动？
偏移xy 设置窗口的大小

background-size: 100px 100px; 设置图片的样式
contain 等比拉伸
cover 不变裁剪

1、背景颜色 background-color:
2、把图像设置成背景 background-image:url()
3、背景图像起始位置偏移 background-position: [x y x% y% top center bottom left right] 默认左上角
4、背景图像是否固定或者随着页面的其余部分滚动 background-attachment: [fixed]
5、背景图片重复 bakcground-repeat:no-repeat [ repeat-x repeat-y repeat ]

CSS背景
background-origin: padding-box || border-box || cintent-box 属性相对什么位置来定位
background-clip: padding-box || border-box || cintent-box 背景图片的绘制剪切位置

background:url(http://) 0 0 no-repeat,
url(http://) 0 0 no-repeat,
url(http://) 0 0 no-repeat; 多背景