今天完成的事情：（

           今天把任务十完成了，hover效果和多媒体查询也做得比较细腻

多媒体查询从1600开始到700往下，算是阶段分的比较清晰，其中那个导航栏效果是用栅格系统o制作的，万万没有想到，任务十的任务验收标准是要求手写导航栏，于是开始学习如何手写导航栏，我先是用教程网站菜鸟驿站里了解，其实导航栏就是一个链接列表，其中比较重要的代码分别是《li》和《ui》代码。o

其中CSS代码其中有两个隐藏代码，但是这两个代码有着最大差别的是：

display:none是彻底消失，不在文档流中占位，浏览器也不会解析该元素；

visibility:hidden是视觉上消失了，可以理解为透明度为0的效果，在文档流中占位，；

                        明天把任务十的导航栏彻底写出来，争取做到和栅格系统里的导航栏有着一样的效果，同时学习REM这种不同于PX固定单位和百分比单位） 

                      在手写导航栏的时候遇到了一些不能理解的问题，但是在教程和日报中得到了答案，

            <ul> 

<li><a href="#">主页</a></li>  

<li><a href="#">新闻</a></li> 

<li><a href="#">联系</a></li>

<li><a href="#">关于</a></li>

</ul>                                  

在这个代码中用到了A标签，这个超链接是个空的，因为导航栏的本质是属于一个链接列表，只是有着不同的表现形式，用LI代码包裹着导航栏内容。

    然后在UI代码里面添加CSS代码为他填充属性，确定位置。

             其中一个比较有趣的地方是，在A链接过后，你的导航栏内容里面会有一个小点点，这是一个列表标记，但是我们并不需要这种标记，就可以用到，这个代码的作用是消除你所不需要的列表标记。

                这个样子之后导航栏已经差不多完成了，最后就是一个美化问题，为你的导航栏内容加上边框。但是导航栏的边框和一般的DIV边框不一样，他需要用到这个代码来为你的导航栏内容加上边框，一般来说只需要下边框就可以了、

                    一个简单的导航栏大概就是            这些东西，复杂一点的还没理清楚。

                  ） 

                            完成了任务十，学会了导航栏的具体原理，如何手写导航栏，同时巩固了所学知识，明白了两个隐藏代码看似差不多但是有着很大差别的具体原因）