发表于： 2016-03-30 20:59:10
1 1601
前端初步学习第三天，前两天一直没有加入班级，所以没有写日报，今天一并写掉。
前两天一直在W3school上看文档，看完了HTML和CSS的基础和高级教程，对着实例效果自己写了一遍。学会了Dreamweaver，Sublime的一些简单使用。
今天学习了CSS框模型，CSS定位和浮动（padding，margin，border，position，overflow，z-index）。然后自己写了九宫格的代码。
明天打算继续task2的学习，以及CSS选择器和高级。
今天写九宫格一开始一个条形div包住三个正方形div，然后对单个长条div设置浮动向左，这样很麻烦而且间距不一致，看了大家的日报明白了更好的方法，也对浮动有了更深的认识。
今天学习遇到的没解决的问题：Nginx下载后解压包里面没有nginx.exe文件（win10系统），试了重新下载不同版本，改注册表，解除隐藏，改目录名几个方法，都没有找到安装文件（求师兄师姐帮忙）；没有去看盒子模型。
九宫格代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
div{ margin:3px;
width:50px;
border:#000 0.1px;
height:50px;
background:#F93;
border-radius:5px;
float:left;
}
.div{clear:left;}
.whole{
width:168px;
height:168px;
padding:3px;
background-color:#FFF;
border:outset;
}
}
</style>
</head>
<body>
<div class="whole">
<div></div><div></div><div></div>
<div class="div"></div><div></div><div></div>
<div class="div"></div><div></div><div></div>
</div>
</body>
</html>
走之前把Github注册，下载了安装了Git，明天继续加油！
返回列表
评论