今天完成的事：

1、今天效率挺低...依旧挣扎任务8第一个页面。

2、下午的时候，杨亚洲师兄的小课堂，讲的真的好。时间有点长，但是收获很大。

明天的计划：

1、继续任务8，写好第一个页面，第二个也要完成百分之50 ！important；

遇到的困难：

1、主要是师兄建议做自适应媒体查询，额，不太熟悉，布局的时候调了挺久。

变成；

还有这种，在viewport为1200px以上

到992px变成

收获：

1、今天主要学习了媒体查询的功能，并在任务中运用。

2、听了师兄的小课堂，主讲padding、margin的选择，和它们一些应用。本来以为很简单的，但是，too young too simple...

纠正了很多认知，杨师兄真的好强...来看看：

（1）margin、padding的%计算，真的基于父级吗？

答案是：不！一！定！在未使用绝对定位（固定定位）的元素内外边距的百分比都是继承父级盒子的，如果有position:absolute，则他的百分比计算基于继承关系找到定位的元素，如果没有，就是根据html元素，注意：不是body!!!

(2)margin外边距重叠，首先得满足两个条件：

a、正常的块级元素（非浮动和绝对定位，就是出于nomal float下的block）；

b、wrting-modle为正常值。加入改变了文字的方向，它也会发生变化；

（3）inline元素的padding和margin真的没用吗？

答案：太年轻。肯定有用呐，而且，可以通过设置它的padding值，增加其作用范围。在整体web布局的时候，有一些icon如果太小，用户点击不了，可以设置padding，在不影响其可视范围的情况下，扩大其点击的作用区域。

（4）为什么margin: 0 auto；水平居中而magin：auto;不能实现垂直方向的居中？

答案：我自己网上找的，师兄讲的我记不清了，小课堂的也没上传。因为宽度计算默认涉及包含块（可粗略理解为父级元素），而高度计算默认涉及内部元素。要居中，必须相对父级计算，而非内部元素。参考：https://segmentfault.com/q/1010000000689833

还有很多...我记不清了，但是，杨师兄的学习态度令我很震撼，从一些看起来很简单的东西，或者平时遇到的一些奇怪的现象，背后往往有着很多有趣的东西...可惜认知太少了。不过，这正是求知的乐趣所在，不是吗？

开始时间：2018.05.12

结束时间：2018.05.16

有无延期风险： 无。

禅道：http://task.jnshu.com/zentao/my-task.html