发表于: 2018-07-12 15:56:34

2 718


今天完成的事情:看了一些资料,了解到要做成任务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选择器,类选择器,元素选择器的基本使用规则。


返回列表 返回列表
评论

    分享到