这周一直在忙东忙西。。公司年会上了节目，服装道具到音响设备都得跑，今天才抽出一点时间来做任务3。

今天完成的事情：       

1. 根据之前学习的知识， 初步搭建出了页面的框架

（公司不能随意安装软件，所以只提供了静态截图。 但现在的页面已经能够做到根据设备尺寸自行调节了。后面更细节的地方等到photoshop切图学习完成了以后再进行规范。）

明天计划的事情：       

1. 学习photoshop切图，代替现在自己画的小破图

2. 了解rem在布局中的影响， 学习使用rem尺寸单位

3. 解决中文乱码问题

遇到的问题：          

1. 如何居中<img>

通过task1的学习，基本掌握了如何让元素贴页面左边或页面右边。 但居中还没使用过。用百度查了查实现方法，五花八门的各种都有。这里整理两种我觉得还算好用的：
1）应用于需要居中的节点

.center{
    margin: 0 auto;
    display: table-cell;
}

2）应用于需要居中节点的父节点

.center2{
    text-align: center;
}

2. 中文在页面中变成乱码

这个问题暂时还没解决。我的html文档是用notepad++书写的，编码格式显示的是UTF-8, 这也是推荐的格式。但是使用浏览器打开页面就会出现乱码的现象。具体该怎样处理还需要研究一下。

[Unresolved] 解决页面中的中文乱码问题。

收获：

（公司环境问题没办法提交代码，所以暂时不贴成果展示和代码链接。）