任务进展：

      1：昨天遇到的强制设置图像大小会影响图像居中的问题，今天不再出现。

      2：解决了问题2。在div内布局时若遇到元素width+定宽=100%，元素随页面宽度变化时，可设置定宽，然后元素width100%，overflow：hidden达成，或者使用flex布局，视具体情况将定宽赋予100%元素的padding或margin，然后子元素设置flex-grow：1达成。

遇到问题：

      1：发现布局中<header>内的标题元素不在中间位置，使用绝对定位和-margin都没有用，请教师兄发现标题长度超出，但并不清楚什么原因造成，师兄建议重写<header>布局,设定body最大宽度并用<span>将标题包起来，试了下，还是不行，明天继续改。

      2：写<footer>时采用flex，使button两端对齐，flex-grow：1，发现改变页面宽度时，两个button的长度不相等，原因是文字长度不同，打算将button包装，设定width50%，然后使button在包装元素里面flex-grow，应该可以解决。

明日计划：

      解决上面遇到的问题，完成任务，解答深度思考问题。

收获：

       学习了border-sizing属性，理解flex布局的特点。

上面属于3月4日的，由于提交的晚了，过了0点，所以。。。今天的只能追加在下面了。。。

       1：使用绝对定位解决了标题文字不在中间的问题，具体什么原因还不清楚。

       2：按照设想的用div包装button的方式，解决了两个button长度不等的问题。

       3：深度思考：我没有用到iconfont，去网上学习iconfont的使用，可以使用在线开源的iconfont，可以下载，还可以定制。在PC端：声明字体font-face，设置样式.iconfont{}，挑选图标获取相应字体编码应用于页面。

遇到问题：

       发现对于深度思考2中的dl，ul，ol元素不是很熟悉，明天重点学习。

明日计划：

       1：复习最近学的知识和做的任务。

       2：学习列表元素。

收获：

       在布局时一个要求有时可以用多种方式实现，有时一个要求用正常的方法实现不了，且找不出原因时，用一些特殊的办法可以实现，但会增加开销。例如标题文字不能居中，是受了左端“<”元素的影响，但具体原因不甚清楚，此时除了绝对定位，还可以在header右端添加一个与“<”相同的div，此时标题文字也可以居中显示。