大二下学期学习进度（三）

编程时间：约9小时

代码行数：450行

所学知识点：

1.在遇到首尾相接数组时可以将数组扩大一倍，这样便实现首尾相接，但在操作数组的时候注意数组实际长度和下标。

2.div+css：

<style type="text/css">
        *  {margin:0;padding:0;}/*去掉页面样式*/
           body{color:white;}
          .content{
              background-color:yellow;
           
            left:0;
             100%;
             height:400px;
             margin-top:0px;
            overflow:hidden;/*隐藏滚动条*/
         }
         .main{
            text-align:center;/*文本居中*/
             max-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;
            400px;
        }
         form{
             padding:20px 0;
         }
         form input{
             border:1px solid white;
             display:block;
             margin:0px auto 10px auto;/*上 右  下 左*/
             padding:10px;
             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;
             60px;
             padding:5px 10px;
        }
         form button:hover{
             background-color:red;
         }
     </style>

注意的是<div class="content">  和<div id="logo">的区别，id和class在定义css时候的区别。