#background{
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: -1;
}

body,html{
  height: 100%;
}

* { margin: 0; padding: 0; }
html{ 
    background: url(../image/1.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

h1{
    color: white;
    height: 30px;/*元素的高度*/
    position: absolute;
    top: 30%;/*元素的顶部边界离父元素的的位置是父元素高度的一半*/
    margin-top: -50px;/*设置元素顶边负边距，大小为元素高度的一半*/
    left: 35%;/*配合margin-left的负值实现水平居中*/
    margin-left: -100px;
    border: none;
    outline: none;
    font-weight:bold;
    font-size:100px;

}

a{
    color: white;
    height: 100px;/*元素的高度*/
    position: absolute;
    top: 75%;/*元素的顶部边界离父元素的的位置是父元素高度的一半*/
    margin-top: -50px;/*设置元素顶边负边距，大小为元素高度的一半*/
    left: 50%;/*配合margin-left的负值实现水平居中*/
    margin-left: -100px;
    border: none;
    outline: none;
    font-weight:bold;
    font-size:60px;
    font-family: 'Avenir Next', 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;

}

a:hover{
    color: #E8E8E8;
    border: 1.5px black;
    border-radius: 1px;
}

p{
    left: 100%;/*配合margin-left的负值实现水平居中*/
    margin-left: -120px;
    color: white;
    top: 85%;
    position: absolute;
    border: none;
    outline: none;
    font-weight:bold;
    font-size:20px;
}