编程时间：约9小时
代码行数：450行
所学知识点：
1.在遇到首尾相接数组时可以将数组扩大一倍，这样便实现首尾相接，但在操作数组的时候注意数组实际长度和下标。
2.div+css：
<style type="text/css"> * {margin:0;padding:0;}/*去掉页面样式*/ body{color:white;} .content{ background-color:yellow; left:0; width:100%; height:400px; margin-top:0px; overflow:hidden;/*隐藏滚动条*/ } .main{ text-align:center;/*文本居中*/ max-width:600px; height:400px; padding:100px 0px;/*上下80px,左右为0*/ background:yellow;/*验证div的位置*/ margin:0 auto;/*设置上右下左,居中显示*/ } .main h1{ font-family:"楷体";/*设置字体*/ font-size:70px;/*设置字体大小*/ font-weight:2px;/*调整字体粗细*/ } .backmain{ background:pink; color: #1111FF; margin: 0 auto; width: 400px; } form{ padding:20px 0; } form input{ border:1px solid white; display:block; margin:0px auto 10px auto;/*上 右 下 左*/ padding:10px; width:220px; font-size:18px; font-weight:300; text-align:center; } form input:hover{ background-color:pink; } form button{ font-size: 20px; font-family: "楷体"; border:0; height:35px; width:60px; padding:5px 10px; } form button:hover{ background-color:red; } </style>
注意的是<div class="content"> 和<div id="logo">的区别，id和class在定义css时候的区别。
转载于:https://www.cnblogs.com/zjl-0217/p/10589947.html
相关资源：数据结构—成绩单生成器