今天完成的事情

1.复习了下w3school中css部分内容

2.任务五总体布局出来了，图标位置还没调号

明天计划的事情

1.完成任务五

2.了解rem,em,px的区别及什么是viewport

3.总结下垂直水平居中的常见办法

4.查block,inline,inline-block的区别

遇到的问题

1.任务五中间文字间的图标我都是放的图片进去，示例中图标和文字间有间隔，不会调整，明天把文字放在span中试下

2.来学习第一天，什么都不会，不知道要干啥，这里看下那里看下最后也不知道看的啥，导致日报也不知道咋写

收获

1.图片命名要规范，不能出现中文

2.vertical-align设置垂直对齐方式，值有top/middle/bottom，和text-align记岔了，text-align有三个值right/left/center

3.background-size属性，有四个值length percentage  cover contain

 background-size: length设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。

 background-size: percentage以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。

 background-size: cover把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。

 background-size: contain把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。

4.响应式和自适应有了大概了解，但感觉挺像的：

响应式就是一个页面能够兼容多个终端而不是为每个终端做一个特定的版本，是一套界面同时运行到各个不同的设备上。通过检测设备的分辨率，来对页面做出不同的布局和内容。

自适应能使网页自适应显示在不同大小终端设备上，是为不同类别的设备建立不同的网页，检测到设备分辨率大小后调用相应的网页。