发表于： 2019-06-11 00:07:48
2 769
今天学习了盒子模型的概念，了解了盒子的组成结构
查看浮动-float详解，了解float浮动规则
开始并不明白该怎么编写一个黄色方块。
后来理解为给HTML的一个标签加上CSS盒子宽、高、背景色。编写出第一个黄色方块
然后依次添加了4个，并加入外边距，使方块之间留出空隙。
然后加入float向左浮动，4个方块依次排列。但是不知道该如何变成九宫格排列方式。
在仔细看了下FLOAT的内容。
想法是把所有的方块再在一个盒子里，将这个盒子的宽度设置为三个方块加外边框的宽度，限制宽。然后添加9个方块，将所有方块向左浮动，因为每行被限制只能放3个方块，这样会依次排列3行，那么就可以达到九宫格的效果。
但是看了#box的代码，试了几次都没成功，不知道如何使用。怎样可以将9个方块再放在一个盒子里。资料里仅仅是提供代码。百度无果。
参考了别人的日志，发现是使用DIY制作，感觉有点懵，跟自己现在编写的完全不搭边。
然后群里问了下 告诉我BODY也是个盒子 我在BODY上设置了限制宽度，添加了9个h标签的方块 变成了九宫格
但是群里的朋友告诉我不对。。应该是用DIY做的
但是我对DIV一点概念也没有。。我看了下任务里的资料没有找到DIV的概念 以及用法。 有点迷茫。感觉自己学习的思路很有问题， 不知道问题出在哪了
看完浮动和浮动清楚，以后我没有看到DIV内容啊
返回列表
评论