今天完成的：

        完成了技能树首页的布局及css样式。

        （因为完全重写了一遍费了些时间……）

明天计划的：

        先完成合作企业页面。

        看情况制作职业页面。//因为职业页面用的栅格...不用bs的话又要完全重写一遍...

遇到的问题：

        页面一战略合作企业，那五个图片我使用的ul、li制作的，因为该logo在hover时有一个边框阴影的效果，但是在加了box-shadow之后前四个的右边阴影不会显示，所以尝试了用z-index让hover的元素层级提高来显示全边框阴影。不过失败了。之后反复尝试了对 li 及其包含的子元素设置z-index，不过还是没效果。然后百度查了下z-index的使用，了解了z-index的使用限制。

        z-index只有在元素定位时才会有效果。（不过我发现上次写页面使用的flex布局，然后z-index也生效了。）浮动元素是不能用z-index改变层级。解决办法就显而易见了，给元素进行相对定位就可以了。

今日收获：

        轮播图暂时还没写，不过稍微了解了下纯css制作轮播图（幻灯片）。

        使用自己写的那个初始化css写页面感觉还蛮顺手，（目前）代码量比上次写这个页面少了将近两百行。此次任务中尽量减少了 flex 布局的使用，使用定位和浮动来实现大部分效果。

        rem的使用更加得心应手，因为我body给的font-size：625%，所以会有很多0点几几，写的时候要把0去掉，直接写“.xx”就行了。在写长度单位的时候也要考虑元素自身的特点，有些不适合自适应的元素最好还是使用px。比如某些padding、margin，背景图片啥的。（诶，好像背景图片也可以用rem来表示……）不过我感觉有些图标啥的还是没必要一起自适应……反正注意一下吧。

        然后就是指导了几个师弟几个问题，巩固了一下之前的知识。有表单元素的输入框大小、calc、rem、z-index、属性继承的问题、文本断点省略号的问题等等。。。