编程时间:约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时候的区别。