一、今日完成的情况

       1、基本写完任务八的职业页面，还需优化修改。

       2、正文页面写了一部分，明天把它完善。

二、明天的计划

       1、继续做任务，写完正文页。

       2、优化完善三个页面的代码。

三、遇到的问题

       1、设置这个隐藏样式的时候，琢磨了半天，想不到应该怎么做，设置样式后做不到覆盖效果。

             解决办法：网上查了查解决方法，想起了绝对定位，最近没用过这个属性，一时间没想到。

        2、列表的列表项标记（list-style-type），无法和文字一起居中，设置了ul和li的padding为0也没有效果。

四、收获

        1、box-shadow属性：

             1>.定义：指的是在几乎任何元素上创建阴影效果，这些阴影效果会在原本平面的、二维的页面上面创建出深度（第三维）的错觉。

             2>.语法：box-shadow: h-shadow v-shadow blur spread color inset。

            3>.属性值：（1）h-shadow：必需值。水平阴影的位置。允许负值。即在x轴上阴影的位置。正值使阴影出现在元素的右边，而负值使阴影出现在元素的左边。（2）v-shadow：必需值。垂直阴影的位置。允许负值。即在y轴上阴影的位置。正值使阴影出现在元素的下边，而负值使阴影出现在元素的上边。（3）blur：可选值。模糊距离。0值意味着阴影是完全实心和尖锐的，没有任何模糊。模糊数值越大，尖锐度越小，阴影越朦胧和模糊。负值是不被允许的，并会被处理成0。（4）spread：可选值。阴影的尺寸。代表着阴影的尺寸。这个值可以被想象成从元素到阴影的距离。正值会在元素的各个方向按指定的数值延伸阴影。负值会使阴影收缩得比元素本身尺寸还小。默认值0会让阴影伸展得和元素的大小一样。（5）color：可选值。阴影的颜色。（6）inset：可选。将外部阴影 (outset) 改为内部阴影。它代表着阴影的位置。默认情况下，这个值并而没有给出，这意味着阴影是一个外部阴影。我们能通过关键字inset使阴影变成内部阴影。（7）可通过border-radius：50%来设置圆形的阴影。

任务进度：

任务八-任务九

任务开始时间：

2018.05.10

预计任务完成时间：

2018.05.14

禅道：http://task.ptteng.com/zentao/project-task-679-unclosed.html