发表于： 2019-04-01 23:54:23
1 788
今天完成的事情：
1.用div弄了还不会动的九宫格。
代码如下：
<!doctype html>
<head>
<style type="text/css">
.box
{
float:left;
border:1px solid white;
margin:5px;
padding:0;
background-color:orange;
height:150px;
width:150px;
}
.clear
{
clear:both;
}
</style>
</head>
<body>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="clear"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="clear"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</body>
</html>
2.看文章《神器——chrome开发者工具（一）》
3.看文章《自适应——网页设计》。http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html
明天计划的事情：
继续搞任务一，希望可以先弄懂自适应。然后去Chrome调九宫格。
遇到的问题：
1.看Chrome开发工具的文章感觉就在看天书。其实我应该一边看chrome的开发工具页面，一边读文章。感觉这样更有效率。
2.不确定九宫格的代码是不是写对了。求师兄帮忙检查。（在上面那里）
收获：
其实就是“今日所学”部分啦。IT使我快乐，有成就感。
返回列表
评论