今天完成的：

        通过了任务13。

        增加了一些自己的css的样式。

        完成了任务十四页面一的结构，样式写了一部分。

明天计划的：

        完成任务十四的页面一、三（不包括响应式）。

遇到的问题：

        任务十三页面三的底部没有透明。

        问题原因：为了让最后一条消息能显示出来，给main加了一个margin-bottom，导致整个模块下面产生了空白，内容被截掉，看不到效果。

        解决办法：把main的margin-bottom给去掉，给信息的ul加上margin-bottom就解决了问题，既能看见信息，又有透明效果。

        font-size :62.5% 在Chrome下不能使 1rem=10px。

        问题原因：Chrome默认字体大小最小为12px，所以会使 1rem=12px。

        解决办法：改变根元素的百分比。使font-size=125%，则 1rem=20px；或者使font-size=625%，则 1rem=100px。

        使用vw的时候，让元素为100vw，会使x轴出现滚动条。

        问题原因：vw的宽度是包括滚动条的宽度的，若内容超过一屏，y方向出现滚动条，滚动条会占一部分宽度导致视窗变窄，但是vw是算上滚动条的，所以100vw此时大于视窗宽度，出现x方向的滚动条。（vw、vh主要是为了适应移动端）

        解决办法：使用百分比。。。

今日收获：

        初次使用vw、vh和rem等单位，对这几个单位有了直观的了解。

        了解了checkbox的判断原理，在选项未被选中时点击选项，判断为no checked；反之，为checked。