今天完成的事情：

           今天终于提交了任务十，反复检查之后没有发现任何问题，不管是字体还是间距都和UI图一致。

               在任务十中重构单选框问题，明确单选框是什么原理来完成单选。

                在任务十中重构流程示意图，修正边角百分之五十和周围相连而不重叠。

           同时今天学习了新的代码：《z-index》这个代码的作用是用于更改代码层次的高低。

            教导散修完成任务七的水手图案和下面的hover效果一起百分比缩放，同时再重新熟悉固定值，百分比，页面百分比，和REM这些刻度单位的差别。

明天计划的事：

                   完成任务十一的重构，规范代码写法。

    遇到的问题：

在流程示意图中，一直遇到的那个问题最后是用代码《Z-index 》来完成的，他的效果是更改代码的层级。

            z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

               注释：元素可拥有负的 z-index 属性值。

               注释：Z-index 仅能在定位元素上奏效

   在任务十中，单选框中是如果明确单选项，

在这个单选框代码中，其中他的开头《form》他的含义是：form 属性返回包含 keygen 字段的表单。成功时form属性返回表单form对象。这个返回值通俗一点来讲就是：包含 keygen 字段的表单form元素。如果不包含 keygen 字段，则返回null。

       其中《input》就是一个元素，属于文本框元素，说明这个单选框本质上还是一个文本框的格式，只不过我为他添加的一些其他的东西让他变成了单选框。

          《name》这个代码是明确在这一个单选框中的声明身份，在这个单选框中凡是《name》是一样的，这样都是属于一个单选框内的东西。

             之后的《id》和《for》都是这个单选框按钮所代表的含义。

不过这个单选框的样式是我自己画出来的，《label》这个代码之后引用我的类，在CSS文档里面画出单选框按钮的样式。

其中设置好固定的单位，选取好背景颜色，然后用hover效果来为里面画上确定的样式，这样一个按钮就完成。为他添加上属性完善一下就可以了。

收获：

学会了新的代码《Z-index 》。