发表于: 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选择器,类选择器,元素选择器的基本使用规则。
评论