发表于： 2017-04-06 23:36:30
2 513
终于在明天来临前完成了GitHub的上传，虽然还是糊里糊涂的。
今天完成的事情：
了解了html标签和css，盒子模型。GitHub。
完成的思考过程：
思路一：一个大盒子居中，三个横着的盒子，每个横着的盒子里有三个小盒子，向左浮动。
思路二：一个大盒子居中，里面九个盒子，用绝对定位布局。
思路三：一个大盒子居中，里面装着九个正方形的小盒子，用左浮动。
思路一、二太麻烦，最后选择思路三。
大盒子高度自适应（默认auto），设一个宽度，用属性margin:0 auto;使大盒子居中。小盒子用padding填充。圆角用border-radius属性。
遇到的问题：
1、小盒子因为浮动不知道怎么居中。解决办法：计算百分比，凑成100%。
2、给大盒子加边框（border）发现，大盒子高度不会随着小盒子的存在而加长。原因是小盒子浮动，脱离文档流，大盒子高度不能自适应。解决办法：给父元素（大盒子）添加overflow:hidden;属性。
3、成果展示和代码链接。解决办法：百度+有道。
明天计划的内容：
深入了解和学习html和css。尤其是css的布局。尽量敲出一个简单的页面。
如果时间允许，进一步了解GitHub。
收获：
css布局很重要。多思考，不要把问题复杂化，代码要用精准。
英语很重要。
返回列表
评论