发表于： 2020-09-18 20:13:18
1 1349
九宫格制作
在九宫格的制作中，要满足的条件为：
0.有边框
1.有边距
2.3*3格
3.长度=宽度
在想到这些后，我开始了第一次的制作
0.使用9个div(使用float、margin)
1.使用外层div约束其中的九个div(设置max-height/wiidth，值分别是里层div的width/height*3+边距*5
2.一番调试后提交
3.失败
在想了想之后，我又开始了第二次制作
0.将width设置为33.333%-margin*5，height设置为33.333vw-margin*5,(和width相等)，然后照样float/margin
1.一番调试后提交
今天做了什么：
0.完成任务1
1.进一步了解了em/rem/vh/vw/px/%等等单位，并掌握了相对单位和百分比的使用
明天做些什么：
0.继续在菜鸟教程上学习Css
1.在廖浩峰的网站上学习git
遇到的问题：
0.使用百分比时出现了问题，使用vw解决了问题
收获：
0.要灵活使用相对单位
1.完成任务时要先把任务所需条件列清楚，再有头绪后再下手
返回列表
评论