1.1.1 重构主页面

1 拆分css

为了拓展css文件，提高复用性

1. 头部样式： global.css
2. 导航栏样式：nav.css
3. 内容：home.css

2 居中重构

之前全部用的是 块级居中，忽略了 行内居中

display: block;
width: xxx;
margin: 0 auto;

display: inline;（要在容器中添加 text-align: center;）

3 导航栏重构

1. 导航栏中的<li>填充改为<a>填充
2. 修改html导航栏结构分离 点赞按钮
3. 去掉logo图的尺寸限制
4. 去除li之间的空格
5. ul改为inline-block元素，子元素到a都用display: inherit

4 container优化

由于内容简单，可以有更多的灵活性，故转换节点变换为最小宽度加上自适应

min-width: 820px;
width: 90%;