发表于： 2016-08-15 23:18:01
0 1437
今天完成：看完CSS中定位之前的内容；看盒子模型和display；下载webstorm，下载并配置nginx；编写九宫格配置nginx。
明天计划：以自己最快速度重看下html和CSS基础；学习viewport和F12调试；有时间继续看task2；
遇到的问题：第一次编写九宫格时，没有设置边框属性和浮动导致出现的不是九宫格；各小格中的圆角也没能设置，后经过师兄讲解和百度查询后学会了border-radius并设置好适应。
收获：了解到语句规范的重要；知道浮动的作用；对于内容尺寸简单计算有一定的了解。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>九宫格</title>
<style>
.big{width:650px;height: 650px;margin: 200px auto;}
.small{float: left;width:200px;height: 200px;background:#E8840F;border-left:white solid 5px; border-top: white solid 5px;border-radius: 20px;}
</style>
</head>
<body>
<div class="big">
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
</div>
</body>
</html>
返回列表
评论