发表于： 2018-12-06 17:37:41
2 862
今天完成的事情：
1.经过一天的努力，使用webstorm完成了任务一九宫格
2.下载并搭建了nginx服务器，修改参数指向对应的目录。
3.通过手机端访问nginx服务器，成功显示九宫格页面。
明天计划的事情：
1.学习如何购买和使用个人云服务器
2.学习Github的使用（包括如何建立项目，分支，上传代码等）
问题1.如何清除浮动的问题。
解决方案：使用clearFix:after伪类的方式解决。
问题2：DIV边框圆角问题？
解决方案：通过boder-radius属性来设置。
问题3：如何让DIV高度跟随宽度变化？
解决方案：通过设置padding-bottom: xx% 的方式解决。通过设置padding-bottom 来保持div的高度跟随宽度变化。 当一个元素的 padding使用百分比表示时，那这个百分比是相对于其父元素的宽度而言的。为了让九宫格的宽度自适应，对每个格子的宽度使用width: 30% ， 为了让每个格子的高度和宽度相等，需要设置padding-bottom: 30% 。
收获：
1.清除浮动的方法
2.如何让边框圆角
3.DIV高度如何跟随宽度变化。
4.nginx服务器的简单搭建
返回列表
评论