Web前端开发技术课程大作业,期末考试

text-decoration: none; }

#topNavBar a:active { color: white; text-decoration: none; }

#where { margin-right: 660px; }

#container { width: 960px; padding: 0 auto; margin: 0 auto; }

img { width: 960px; height: auto; }

#menu ul { padding: 0; border: 0; list-style: none; line-height: 150%; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 40px; }

#menu li { color: white; }

#menu_out { width: 960px; padding-left: 4px; margin-left: auto; margin-right: auto; background: url("../img/menu_") no-repeat left top; overflow: hidden; /* ����������� */ }

#menu_in { background: url("../img/menu_") no-repeat right top; padding-right: 4px; }

#menu { background: url("../img/menu_") repeat-x; height: 73px; width: 960px; }

.menu_line { background: url("../img/menu_") no-repeat center top; width: 8px; }

.menu_line2 { background: url("../img/menu_") no-repeat center top;

width: 15px; }

#nav { padding-left: 20px; width: 960px; }

#nav li { float: left; height: 35px; }

#nav li a { float: left; display: block; padding-left: 6px; height: 35px; background: url("../img/menu_on_") no-repeat left top; cursor: pointer; text-decoration: none; }

#nav li a span { float: left; padding: 11px 14px 10px 10px; line-height: 14px; background: url("../img/menu_on_") no-repeat right top; font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none; }

#nav li .nav_on { background-position: left 100%; }

#nav li .nav_on span { background-position: right 100%; color: #333333; text-decoration: none; padding: 14px 14px 7px 10px; }

#menu_con { text-align: left; padding-left: 20px; clear: both; }

#menu_con li { float: left; height: 22px; margin-top: 8px; }

#menu_con li a { display: block; float: left; background: url("../img/menu_on_") no-repeat left top; cursor: pointer; padding-left: 3px; }

#menu_con li a span { float: left; padding: 6px 10px 4px 10px; line-height: 12px; background: url("../img/menu_on_") no-repeat right top; color: black; }

#menu_con li a:hover { text-decoration: none; background: url("../img/menu_on_") no-repeat left bottom; }

#menu_con li a:hover span { background: url("../img/menu_on_") no-repeat right bottom; }

#main { width: 960px; height: 300px; }

#top { width: 960px; height: auto; border: 1px solid white; }

#top img { width: 960px; height: 489px; }

#down { width: 960px; height: 500px; margin: 0 auto; }

#down iframe { width: 960px; height: 500px; border: 0px; padding: 0px; margin: 0px; }

.bottom { clear: both; height: 80px; background: #000000; text-align: center; padding-top: 20px; color: white; font-size: 18px; width: 960px; margin-top: 694px; /* please */ }

.bottom ul { list-style: none; color: white; }

* { margin: 0; padding: 0;}html { height: 100%;}body { height: 100%; background: #fff url(../img/) 50% 50% no-repeat; background-size: cover;}.dowebok { position: absolute; left: 50%; top: 50%; width: 430px; height: 550px; margin: -300px 0 0 -215px; border: 1px solid #fff; border-radius: 20px; overflow: hidden;}.logo { width: 200px; height: 100px; margin-top: 130px; margin-bottom: 70px; margin-left: 130px; background: url(../img/) 0 0 no-repeat;}.form-item { position: relative; width: 360px; margin: 0 auto; padding-bottom: 30px;}.form-item input { width: 288px; height: 48px; padding-left: 70px; border: 1px solid #fff; border-radius: 25px; font-size: 18px; color: #fff; background-color: transparent; outline: none;}.form-item button { width: 360px; height: 50px; border: 0; border-radius: 25px; font-size: 18px; color: #1f6f4a; outline: none;

cursor: pointer; background-color: #fff;}.tip { display: none; position: absolute; left: 20px; top: 52px; font-size: 14px; color: #f50;}.reg-bar { width: 360px; margin: 20px auto 0; font-size: 14px; overflow: hidden;}.reg-bar a { color: #fff; text-decoration: none;}.reg-bar a:hover { text-decoration: underline;}.reg-bar .reg { float: left;}.reg-bar .forget { float: right;}.dowebok ::-webkit-input-placeholder { font-size: 18px; line-height: 1.4; color: #fff;}.dowebok :-moz-placeholder { font-size: 18px; line-height: 1.4; color: #fff;}.dowebok ::-moz-placeholder { font-size: 18px; line-height: 1.4; color: #fff;}.dowebok :-ms-input-placeholder { font-size: 18px; line-height: 1.4; color: #fff;}@media screen and (max-width: 500px) { * { box-sizing: border-box; }

本文标签： 课程作业部分英雄呈现