蛋协最终考核（css）

基础考核其实没有很出色的完全完成(╥╯^╰╥)

能不能进蛋协的话，就要看运气了吧(｡•ˇ‸ˇ•｡)

当然如果没进的话也要继续努力鸭！get！٩( 'ω' )و 

-----------------------------------------------------此为分割线-------------------------------------------------------------

/* 第一页顶部图片、文字、背景 */

.dingbu {

    /* 文字颜色 */

    color: whitesmoke;

    /* 字体 */

    font-family: "Microsoft YaHei";

    /* 文字大小 */

    font-size: 20px;

    /* 清除浮动 */

    clear: both;

    /* 将默认的列表符号去掉 */

    list-style: none;

    /* 将默认的内边距去掉 */

    padding: 0;

    /* 将默认的外边距去掉 */

    margin: 2em;

    /* 横向显示 */

    display: inline-block;

}

body {

    margin-left: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

}

.zhengwen {

    /* 文字颜色 */

    color: whitesmoke;

    font-size: 20px;

}

/* 第一页 */

.diyiye {

    /* 背景 */

    background-color: #ecaecc;

    background-image: url(images/banner-img.png);

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: 200px 80px;

    margin: 0px;

    background-size: 60%;

}

.zhengwen1 {

    /* 文字颜色 */

    color: whitesmoke;

    font-size: 50px;

}

/* 居中 */

.jvzhong {

    display: flex;

    flex-flow: row nowrap;

    justify-content: center;

}

.wenzi1 {

    color: pink;

    display: flex;

    flex-flow: row nowrap;

    justify-content: center;

    line-height: 5px

}

.wenzi2 {

    font-size: xx-large;

    display: flex;

    flex-flow: row nowrap;

    justify-content: center;

    line-height: 5px

}

.wenzi3 {

    font-size: xx-large;

    display: flex;

    flex-flow: row nowrap;

    justify-content: center;

    line-height: 5px

}

.wenzi4 {

    font-size: 30px;

}

.wenzi5 {

    font-size: 20px;

}

/* 第二页 */

.dierye {

    background-image: url(images/about-img.png);

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: center 100px;

    margin: 0px;

    background-size: 30%;

}

.one {

    margin: 0;

}

.two {

    margin: 0;

}

.three {

    margin: 0;

}

.disanye {

    background-color: #cb7cf3;

    background-repeat: no-repeat;

    color: whitesmoke;

}

.wenzi6 {

    font-size: 30px;

    display: flex;

    flex-flow: row nowrap;

    justify-content: center;

}

.wenzi7 {

    font-size: 30px;

}

.zuixiamian {

    /* 字体 */

    font-family: "Microsoft YaHei";

    /* 文字大小 */

    font-size: 14px;

    /* 清除浮动 */

    clear: both;

    /* 将默认的列表符号去掉 */

    list-style: none;

    /* 将默认的内边距去掉 */

    padding: 0;

    /* 将默认的外边距去掉 */

    margin: 2em;

    /* 横向显示 */

    display: inline-block;

}

.kaoyou {

    float: right;

}

.wenzi8 {

    font-size: x-large;

    color:#ecaecc;

}

.kaoyouxia {

    vertical-align: bottom;

    text-align: right;

}