今天完成的：

        基本完成任务二~四的深度思考，做了一些笔记。

        使用Bootstrap重新完成了任务六。

明天计划的：

        完成任务五和任务六的深度思考，再浏览一遍Bootstrap，并把笔记整理一下。

        时间富裕的话，开始着手任务7，先将需要用到的图切好，制作雪碧图，并想一下实现思路。

遇见的问题：

        关于任务三单位的问题，之前只了解了px，em，rem，%，对其他单位闻所未闻，查过资料之后了解到了剩下几个单位的特点。

        vw：是视窗宽度，1vw=视窗宽度1%；vh：是视窗高度，1vh=视窗高度1%；vm：是视窗宽度和高度中较小的那个，其中小的那个被均分为100单位的vm，比如 w=1200，h=900，那么1vm=900/100=9px。

        关于任务四fixed在手机上的问题，因为从没遇到过fixed出问题的情况，所以有点不明所以。然后查找资料发现fixed在iOS系统下确实有个bug，在fixed与input一起使用时，当软键盘被唤起时，fixed会失效。原因是页面过长出现滚动，导致fixed失效。那么解决思路就是将原body滚动的区域转移到main内部，而header、footer的样式不变，那么就不会影响到fixed元素。

        在使用bootstrap实现任务六的时候，发现bootstrap样式下的元素会默认带很多样式，其中有些就用不到，比如某些元素的padding和margin，在写样式的时候，看页面总是会在一些地方多个10px，15px的，慢慢在控制台查看样式后发现了，进行修正之后，总算实现了任务六的界面。

        在做任务六footer的三个按钮的时候，这次采用的button元素，然后发现button元素中无法使用flex让里面的文字底部居中。然后用一个非常简单的方法实现了效果，在文字前加了一个 br 标签（-_-||）

        在上传代码至GitHub时，发现Linux下无法直接上传带有“（）”的文件，经查找资料后找到解决办法，在“（”“）”的前面加一个转义字符“\”。（不过我还是文件名给改了一下......）

今日收获：

        做任务二深度思考的时候，又熟悉了一遍Linux系统的一些操作命令。

        任务三关于切图的问题，之前刚学切图的时候，跟着一个教程学会了用切片工具切图的方法，今天查资料的时候又了解到了两种，其中一种非常适合切一两个这种数量较少的图片，方法是：选中所要切的图标的图层，右键编辑内容就把图标提取出来了，然后进行存储。另一种是PScc独有的功能，因为我的版本的问题并没有去尝试（不过问题不大，这两种应该已经够用了）。

        做任务四的深度思考时，又了解了几个input元素的属性及作用：checkbox多选框，radio单选按钮，reset重置按钮，file用来上传文件。

        知道了text-indent、font-size也可以用百分比来表示：text-indent的百分比计算原则是基于其文本元素的父元素宽度；font-size基于其自身按百分比进行缩放。

        使用bootstrap完成了任务六，这次在任务六中，表头的下拉菜单、向下箭头，内容区都用到了bootstrap。header以及footer的按钮样式比较特殊，并没有使用bootstrap。然后在这次的制作中，内容区右边的直角箭头改变了写法，使用了border和rotate；footer的按钮使用了button，使用了button之后，点击效果较上次好了很多。制作下拉菜单的时候，因bootstrap的默认下拉菜单宽度不太合适，查找资料后，将宽度设置为了跟下拉按钮相等的宽度。