今天完成的事情：

（1）下载列表页布局UI（2）根据UI切图完成代码（3）配置Nginx，可以直接访问。

地址：http://139.129.13.246/html/task3.html

明天计划的事情：

（1）完成task3页面的自适应（2）完成task4

遇到的问题：

（1）对于元素如span、img的垂直居中布局还是迷迷糊糊的，比如页面右上角的“三个点”图片，放在头部div内，在设置外上边距时需要用负值。该问题未解决，所以屏幕变化时，头部div内的各元素不能垂直居中。

（2）切图后直接将图片拖进WebstormProjects中的工程目录下，图片显示是红色的，不能成功提交（commit）到github上。后来发现首先，当我们在websorm文件夹中添加文件时，文件会在左侧的项目管理面板中显示为红色，说明这个文件是在原有的Github项目中没有的，解决办法是：右击红色文件->Subversion->Add to VCS

（3）配置nginx：配置nginx.conf文件时要注意设置root路径到包含html、css、img等文件的父文件。

（PS：配置.conf文件后需要在终端执行"./nginx -s reload"指令，这样修改才有效）

（4）页面未做到自适应。

收获：

（1）学会切片。

（2）掌握了上传代码至服务器，并配置nginx实现在浏览器访问所有文件的流程，开森！

（3）px、em、rem的关系：任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px；使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。

（4）自适应布局（Adaptive）的特点是分别为不同的屏幕分辨率定义布局。布局切换时页面元素发生改变，但在每个布局中，页面元素不随窗口大小的调整发生变化。