发表于： 2017-01-25 13:40:36
1 630
今天完成的事情：通过查阅资料并学习尝试，完成了任务中9宫格的布置，9宫格还只是一个简单的正方形
明天计划的事情：
1.通过样式修改，做到9宫格随网页大小变化而自适应
2.改进html代码，使其不会随网页变小而缩成一团
3.了解一下如何将方块模型边角做成圆弧状并尝试在模型上修改
遇到的问题：
1.通过float将9个小格子放在了一排，并没有按照九宫格进行排列；通过使用定位中的相对定位与绝对定位的相互使用完成了九宫格的基础布置。
2.通过修改代码，使用table标签完成，不过并不能随网页大小而改变
3.再次修正代码，直接在div盒子基础上使用float浮动，9个全在一排，不过通过改变浏览器宽度可以做成9宫格，下一步考虑如何进行宽度自适应。
收获：
1.学习了html与css的一些基础应用与知识
2.了解absolute与relative相互嵌套使用。
3.大致了解sublime的使用
4.对盒子模型的各个参数大致了解如其margin，padding等分四个方向设定，并且其缩写等
返回列表
评论