发表于: 2019-06-01 23:01:29
2 854
今日完成的事情
1.学习了float的概念
浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。
由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。(这句话不是很理解,是不是意味着不能阻挡浮动框移动???)
float:left(或者right,默认值是none)
另外知道了行框围绕浮动框的概念,若不想行框围绕,要用clear属性说明,进行清理
2.重头戏来了,创建了9个黄色正方形,并且利用float属性,组成了九宫格
3.查看并使用chrome开发者工具
4.将px换算成em,来初步体验了自适应
遇到的问题
正方形的圆角不会设置
明天要完成的事情
1.学习viewport并使用,使html适配移动设备
评论