1.box-sizing: border-box  // content-box

2.日了狗了，css中注释不能用//,今天难得写css用注释，浪费我10分钟找原因，气急败坏，草草草！！！

3.a标签设置了 height=line-height，display=block; 还是不能垂直居中，找半天原因，是vertical-allign 在作怪，左边的logo图片没设置vertical-align,蛋疼！

4.placeholder 不是写在css里的

5.花了三小时做了个header //视频里的实例，以前光看没做，现在自己做一下，1920width，不能自适应，网页宽变小布局就变

在线：http://htmlpreview.github.io/?https://github.com/yueshen1269/xiuzhen/blob/master/

studyOnline.html

代码：https://github.com/yueshen1269/xiuzhen/

6.重新回顾下任务五，发现下面按钮(position: fixed;) 会挡住主体内容，而且不能下拉。

解决：1.简单的给body加了个padding-bottom 这样可以下拉，虽然还是会挡;

2.添加一个div，包含住footer，在给footer增加一个内容为空的、高度一致的兄弟空div，能达到一样的效果：

<div>

<div style="height: 100px"></div>

<div class="footer">

<button>留言</button>

<button>电话联系</button>

</div>

</div>

7.任务后的深度思考查漏补缺

8.提交任务四！！！！！！！！