今天完成的事情

修真院“如何学习”模块的制作

此模块将1-4包含在一个盒子内，5-8包含在一个盒子内，最后通过弹性盒子以及百分比的组合，使用媒体查询可完成不同界面自适应，此模块ui图的padding是18.75vw，但是我严格按照ui图参数来做，布局显得很紧凑，和ui图不一样，最后还是使用的15vw

修真院“如何学习”模块的制作

此模块同样使用弹性盒子以及百分比结合媒体查询完成，但是每个图片鼠标放上去会有一个边框阴影的效果，如下图，这个需要使用到box-shadow属性结合hover效果完成，代码如下：

页面一剩余界面的制作

今天遇到的问题

问题1：如下图，下方五个合作伙伴模块的北京色是和body的有区别的，此处使用了box-shadow后，发现右侧没有阴影效果

解 决：之前的合作伙伴模块背景色我是给5个木块设置的，后来改成了给5个模块的的父元素设置，问题得到解决，知识不知道原因。

今天的收获

1.今天对代码规范，sass使用有了深刻的认识，在之前做的任务中，类名都是随便取，特别是任务八九的代码，现在回头看自己之前写的代码，都看不下去，有时候想找某个css样式，只能通过搜索来完成，代码实在是不规范，有很多重复或者是没有用的属性，就像开始使用媒体查询的时候，每次使用媒体查询都会将所有代码复制过来，再修改需要的代码，导致代码实在太多，任务八九我记得我代码是别人代码量的三倍，重复的代码是个大问题。

2.重构后的代码相对之前显得规范，但是类名的选取上还是不足，不过现在的代码在使用sass后显得简洁，美观，这次的任务重构，每一个模块完成后我都在浏览器中检测过每一行代码是不是必要的，能不能去掉，发现没有什么大问题。且每一个模块无论是在html文件还是css文件中，都用注释做了分割线，这样能清晰明了的知道哪些模块的代码在哪里，找起来也比较方便。

明天的计划

1.完成任务十四第二个页面，也就是职业介绍页