HTML5 背景图片和盒子网页居中

background-image:url(img/xxx.jpg);        /*盒子位置*/

background-size:100% 300px;        /*给大小*/

background-repeat:no-repeat;        /*不重复显示*/

background-position:left bottom;        /*背景图片在盒子里的位置*/

background:url(img/xxx.jpg) no-repeat center/100% 100%;        /*复合写法：background:图片地址 不重复 方位/大小*/

transform:translatex(-50%) translatey(-50%);位移

width:100vw;        /*百分百显示宽度*/

height:100vh;        /*百分百显示高度*/