HTML5+CSS3静态页面项目-PayPaul的总结

.headnav {
    width: 280px;
    padding-left: 170px;
    margin-top: -70px;
}
.headerlimit ul {
    list-style-type: none;
    padding-left: 0px;
}
.headerlimit li a{
    text-decoration: none;
    border-left: 1px solid #fff;
    border-right: 1px solid #ebebeb;
    width: 90px;
    text-align: center;
    line-height: 25px;
    color: #68676a;
    float: left;
    font-family: PTSans;
    font-size: 14px;
}

section class="banner">
    div class="backimg">
        div class="bannercontent">
             div class="bannerintr">
                 h1>Paul makes your payments easyh1>
                 p>With over 1 Billion users, paypal is simply the best way to payp>
             div>

             div class="button1">
                 a href="#">
                      p>Check this awesome button right herep>
                 a>
             div>

             div class="button2">
                 p>Sign up for a paypaul account todayp>
                 button>a href="#">Click here to joina>button>
            div>
        div>
    div>
section>

.bannercontent {
    width: 960px;
    margin: 0px auto;
    position: absolute;
    left: 10px;
    top: 25px;
}
.backimg {
    width: 1055px;
    height: 415px;
    margin-left: 195px;
    background-image: url(../images/banner.png);
    position: relative;
}

.footernav li a{
    color: #fff;
    font-size: 12px;
    margin-right: 15px;
    margin-top: 35px;
    float: left;
}
.footercontent {
    width: 960px;
    margin: 0px auto;
    padding: 25px 0px;
    clear: both;
}