一、今天完成的事：

1、完成了葡萄藤的页面第一稿，但看了一下古尘师姐做的，确实不是一个档次的，明天继续改。很多细节都理解错了，不知道上哪勾搭UI。

2、搞定PS切图。

3、看了px、em的区别。

4、简单过了一下编码规范。

二、明天计划的事：

1、完善葡萄藤页面，尽量做到师姐的程度。

2、整理一下task1至task3学的东西。

3、着手搭建云服务器，每个任务都有这一项，还是不要偷懒跳过了。

三、遇到的问题：

1、今天遇到的最大问题就是两个div不能同行显示的问题。

用float和display:inline能够解决，我耽搁了好久主要是谷歌出来的答案分为两个方法，一个是加float，另一个是加display。后来我即加float又加display才解决的，不知道为什么，之前做九宫格用float就能同行显示，这次死活不行，奇怪。

2、用ps切片有许多格式可选，不清楚什么时候用哪个格式。

谷歌一下有一些贴子有说明。

3、做葡萄藤页面的时候，最下面的那两个图标在电脑和手机上没法统一对齐。

我把两个<img>标签用一个father div包住，然后让father div居中，机智如我。

四、收获：

1、两个div同行问题。

2、不只是div标签可以使用class、id之类的选择器，许多标签都可以，具体看css基础部分。

看了就忘了，天真的以为只有div才行，不然今天的两个div同行问题就不至于遇到了。

3、能少用标签就少用，比如<img>也可以被选择器定义，就不用特意套上个div来定义了，具体看编程规范减少标签数量部分。

4、知道怎么使用切片。