今天完成的事情

完成任务八页面三

昨晚两小时加上今天上午，页面三已经做出来，下午主要是在修复页面细节效果

今天遇到的问题

今天主要是在修复之前写出来的页面的不足

问题1: 如下技能树图标在手机端处于居中状态

解决：在添加图片时下图箭头处给了个a标签和bootstrap自带的a标签重复，且我给的margin过大，以下时修复后的

问题2：有时页面布局没有考虑统一性，而是按照自己的想法来布局来使用媒体查询，如下图，在开始的布局是一行上方四个模块，下方一行两个模块，不统一，虽然节省了页面空间，但是用户浏览体验不好

解决：使用媒体查询，修改临界参数 

问题3：如下图， 四个模块在使用a标签链接后出现不居中现象，

解决：出现不居中问题是由于bootstrap库内自带的一个a标签，有padding值导致的，取消padding即可解决，如下图。在以后引用其他库的时候，最基本的代码要知道影响着什么，有什么作用

问题4：页面一下方友情链接部分，li标签圆点和文字间距太远，不美观，如下：

解决：之前这部分花费很长时间，主要是做一步改一步，没有先构思好布局，今天将此部分重新写了一遍，主要应用媒体查询，宽度设置百分比来完成。

问题5：如下图，父盒子使用了弹性盒子space-between，子盒子使用百分比，下图中第二排子盒子显示不美观

解决：1.将第三个盒子设置右边距来满足居中，父盒子不使用弹性盒子。2.最后一排盒子写满，将不需要的隐藏起来

今天的收获

1.今天主要是在修改之前的写的页面，通过今天的修改，发现自己很多地方的不足，盒子的重复使用，a标签的重复使用，代码的多余，属性选择出错，

有时候简单的问题我想的太复杂，从而代码用的太多，浪费时间。

明天的计划

1.任务八三个界面确认是否还有需要修改的

2.开始任务十：主要了解lable表单的使用，输入框的使用，流程图的理解