今天完成的事情

        学习开始前查看知识点：如何图标与文字设置为内块级元素并且垂直居中对齐，单位像素等。加上学习中师兄的解答，对UI图制作静态页面的一些细节有了了解，比如为何像素为何都要除以2，如何运用PS得到ui图相应的距离数据。

        完成任务3，在解决像素问题与下面两LOGO图标后，基本完成布局，最后重新计算rem单位是否正确，最后虽然与UI图不太一致，得到师兄的解惑后了解。

        在任务3中的一些小细节，

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

在配置移动端时要写的代码，数据 是 文本 内容  content="width=device-width, initial-scale=1.0"，也就是显示窗口宽度是客户端的屏幕宽度 （就是 满屏 ！），显示的文字和图形的初始比例 是 1.0。例如 字体 16，像素 16， 图宽 640 pix, 显示 宽度 就 是 640 像素。

        以及rem单位的使用需要基于HTML 

font-size: 62.5%

        盒子模型也需要深度了解。垂直居中、对齐居中等的运用，对一些布局细节也需要运用到。接着CSS的命名与规范编码都是验收标准的要求，也是需要养成的一个好习惯，为了将来学习工作的便捷。

        PS软件的了解，任务3是接触PS的开始，需在任务中了解到，如何测量颜色十六进制、如何切图导入html、如何测量宽高及浮动距离、如何知道行间距等。PS的运用可以得到一张UI图的诸多信息，是一款非常好用的软件，也是一个好的学习点。

明天计划的事情

        明天思考任务3深度学习，看看什么时候使用外边框什么时候使用内边框，学习CSS有哪些选择器。

        上交任务链接，进阶任务4.

遇到的困难

        任务3遇到的困难很多，起初的绝对单位与绝对定位布局改到盒子模型布局，才慢慢的完成任务3。

        其中印象深刻的问题：

1.UI图制作为静态页面多多少少有些不符合，看了很多师兄的日报也出现同样问题。

2.垂直居中不能运用在块级元素与内块级元素，从中百度得到了理解

3.任务3设置的内外边框数值单位，这些需要对盒子模型理解。

        在任务3中还有许许多多的小问题，但这些问题都通过努力，一点一点的解决。

收获

        一个任务的完成都得到许多知识，任务的难点，解决突破了了解到的知识就是你自己的。希望自己继续解决更多的困难。