body{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    height: 95vh;
    /* vh单位是指当前可视区域的百分比  100vh就是指当前页面大小的100% */
    position: relative;
   
}

div.img-container{
    width: 100%;
    height: 80%;
    background-image: url(../imgs/bgc.jpg);
    /* 设置背景图片的路径 */
    background-size: 100% 100%;
    /* 制定背景图片的大小为div的大小 */
    /* background-repeat: no-repeat;  不允许图片重复加载 */
    padding-top: 15%;
    box-sizing: border-box;
    /* box-sizing: border-box; 会在不改变盒装模型大小的前提下，设置盒装模型的内边距 */
}

h1 {
    font-size: 4em; 
    text-align: center;
    color: white;
    margin: 0;
    /* 不仅仅指自身元素内的文字，也指自身元素内的所有块级别的子元素 */
}

p{
    text-align: center;
}

footer{
    left: 50%;
    margin-left: -174px;
    position: absolute;
    text-align: center;
    bottom: 0vh;
}