前端之路——第五篇：1:1还原知乎首页顶层导航栏！

今天！我们来1比1还原知乎首页的导航栏。

其实要我自己做，有点虚的。老师还是细心的做了一遍给我看。

废话不多说，看下图！你喜欢那个多点？猜下那个是正品，那个是A货！

很明显，都是好看的一个导航栏。

今天的作业，总结了以下的问题：

1.列表语法未熟悉，还是要参照老师的写法，英语B级都不过，就此原谅下我把~~~~

顶层导航栏：container  （id）
居中包裹div：content  （id）
左边导航栏：leftNav   （class）
右边导航栏：rightNav   （class）
左侧知乎标题：leftNav_title   （class）
左侧小列表：leftNav_nav    （class）
左侧搜索提交部分：leftNav_from （class）
右侧通知：rightNav_notice  （class）
右侧消息：rightNav_msg    （class）
右侧头像：rightNav_avatar （class）

2.image语法的位置不清楚
3.div模块如何居中
4.默认body样式
5.列表的设置
6.两div如何进行横向跟随
7.清除浮动的作用
8.鼠标特效语法（a:hover）
9.缩小浏览器内容变形！

知识点：
1.css里的*号是代表所有集
2.div模块居中（margin: 0 auto ;）上下为0，左右自动
  上下居中：bottom: 17px;（总-实/2）
6：display: inline-block;
float: left;
3.div边框阴影：box-shadow: 1px 1px 1px 1px #000; （横向 纵向 模糊程度 模糊大小 颜色）

这算是我第一份能拿得出手的作业了！不过，这只是做了一个外壳而已，如何进行跳转，特效，js都还不懂呢，，，