1. 今日完成：1  将任务八提交，修改了以下几点：
2.                                                                （1） 使用媒体查询实现首页中的 友情链接 在576px下呈现一列的状态
3.                                                                （2） 二维码与文字居中
4.                                                                （3） 将/后加空格键&nbsp，并使用媒体查询将图片在576px下设置为36vw,防止 图片过小影响整体。
5.                                                                           
6.                     2 任务十的流程图完成
7. 

              在写 这个流程图的时候，其实一部分是相当于对任务八中关于悬浮知识点的回顾，

            个人觉得难点一共三个：

（1）中间那条线实际上是一体的，而不是相连的，如果写成一段一段的话，会出现某一段

的高度和宽度为0的情况。

（2）将整个流程图外的盒子设为相对定位，然后将里面的每个span都设为绝对定位，

          在调整位置的时候，还要将margin设为负数，负数的值为span自身的一半的高度。

（3）利用好display：inline-block；

在写代码的时候，我刚开始是认为将.line.设为display：inline-block；就可以了，后来发现也不可以，

个人猜测是number（n）是和.line里面的span处于同一行，如果div有display：inline-block；

而里面的span没有，这就相当于number（n）与div在一行，而不是和div里面的span在一行。

个人猜测，如果有大佬赐教，不胜感激

参考链接：

https://www.cnblogs.com/jr1993/p/4598630.html

                 3 修改了input的样式

                   链接地址：

1.                           https://blog.csdn.net/Mr_chen95/article/details/77948033 
2. 遇到的问题：1 在写流程图的时候，刚开始我是即将中间那条线当成分节用 span 来写的，结果发现，每次都是第一节的宽高都归0，具体情况未知
3.                       2  在修改input样式的时候，首先我是自己先想，如何改变样式，如果不能，那么如何去除，另外用css代替，然后我就在csdn上面搜到了，但是这个方法只能从里到外改变，这样是不可能将中心留出一个空白的点的。
4. 明天的计划：1   将input的样式修改至psd图上一致 
5.                       2   将下拉选框写完
6.                        3   调整页面自适应