发表于： 2016-07-21 11:08:45
1 1401
今天完成的事： 1、认识浮动folat,说下自己的看法，好像就是排列一样。
2、认识margin：0 auto 上下为0。左右自适应居中。
3、认识border-radius 圆角半径。
4、认识overflow 要不要滚动条
5、完成nginx配置，但是指定位置不行，只有把工程建立在nginx下的html文件夹才能识别。
明天计划的事情： 1、希望完成任务2。
遇到的问题：基础不够牢靠，写出来参考了其他同学的信息 今天去找web前端的实习，想通过工作加自学来提高自己。发现自己根本找不到这样的工作，一方面是学的不够，一方面市场上大多数是，实习都需要培训，收费，故罢！希望老师讲解下学到什么样可以找实习了。
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>任务一---浮动九宫格</title>
<link type="text/css" rel="stylesheet" href="index.css">
</head>
<body>
<div class="wai">
<div class="bigbox">
<div class="jiu"></div>
<div class="jiu"></div>
<div class="jiu"></div>
<div class="jiu"></div>
<div class="jiu"></div>
<div class="jiu"></div>
<div class="jiu"></div>
<div class="jiu"></div>
<div class="jiu"></div>
</div>
</div>
</body>
</html>
CSS:
.wai{width: 600px; 最大盒子宽度固定
margin: 0 auto; 居中
}
.bigbox{width: 100%;
background: #ffffff;
border: 1px solid #3e0dff;
overflow: hidden; 设置不要滚动条
padding-bottom: 1%;
}
.jiu{background-color: #f77b02;
float: left;
width: 32%;
margin: 1% 0 0 1%; 参考其他同学的。
padding: 17% 0;
border-radius: 6%; 圆角
}
返回列表
评论