发表于： 2019-10-04 17:58:38
1 999
今天完成的事情：
1.重新认识了盒子模型，知道了盒子模型包括标准盒子和IE盒子两种，并且在css中可以通过border-sizing属性进行转换；- 2.学习使用了一个新的相对单位vw，表示相对于视口的宽度，视口被均分为100单位的vw，类似单位还有vh、vmax、vmin通常与viewport一起使用；
- 3.学习了github的基本操作，会上传代码并分享预览；
- 4.基本完成了任务一。
- 明天计划的事情：继续学习使用github、着手完成下一个任务。
遇到的问题：
1.九宫格布局开始对盒子使用的百分比，宽度正常，但高度样式出现问题，不知如何设置，打算想办法让高度与宽度相等，且实时同步变化，最终没有实现，后在提问中看到有回答使用vw单位，便学习了一下该单位，最终实现要求的效果。
2.九宫格的间距，一开始使用的margin属性四边等距的方式，计算后发现该方式不易均分页面，且在ie中每行只能显示两个格子，盒子之间的间距约为左右两边盒子到边界距离的两倍，后来想到可以只设置左边和上边的margin，且计算后数值恰好为整数，经测试没发现问题。
收获：学会了使用github、系统学习了盒子模型。
返回列表
评论