发表于： 2018-07-12 15:56:34
2 721
今天完成的事情：看了一些资料，了解到要做成任务1的九宫格，必须要了解以下两个知识点：
1.div盒子模型的建立，以及用css修改盒子的大小（width，height），背景颜色（background-color）
2.九宫格的设计思路“每一行一个大盒子”盒子浮动排列，｛大盒子float:top，包含的三个小盒子float:left，｝*3
2.自适应（暂不了解）
明天计划的事情：了解自适应的基本原理以及方法，并且研究下如何把方框角变圆。
遇到的问题：1.一开始设计九宫格的思路是九个div盒1.float:left 2.float:left 3.float:left 4.folat:bottom 5.folat:left 6.float:left 7.float:bottom 8.folat:left 9.float:left 然而456，789会横向叠在一起，不懂什么原理。
2.了解到自适应网页的css代码不能指定像素宽，要用百分比来代替，那么如何在修改百分比时，依旧让大盒子刚好能包含三个小盒子？（首要暂定解决事项）
收获：HTML基本入门，了解了css盒模型，对于浮动还是一知半解，知道了id选择器，类选择器，元素选择器的基本使用规则。
返回列表
评论