任务一的日报没有写哈，这里补一下。

任务一核心点：

1.怎么让正方形适应各个屏幕尺寸而不变形

  想要适应各个屏幕的尺寸，首先宽度设置百分比是完全可以肯定的，第二步就是设置高度=宽度

  巧用padding

  使用padding的百分比值来解决自适应高度的关键在于：容器padding的百分比参照物是父元素的宽度，而容器的width的百分比参照物

     也是父元素的宽度，俩属性参照物一致，那么想要把这俩属性的值统一起来就很简单了。

  使用方式是这样的：给容器设置padding-top/padding-bottom跟width一致的值（百分比）。

2.任务要求使用float实现,浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。那么怎么清除浮动呢？   这里先写几种我认为比较好的清除浮动的方式。

  第一种：给父容器定宽高，适合PC端使用。

  第二种：在float元素后增加空的div，代码示例:"<div style="clear:both"></div>",代码可读性差，但胜在精简，适合新手使用。

  第三种：.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
          .clearfloat{zoom:1}

          利用伪元素清空浮动，优点在于适用于各个浏览器，缺点在于代码多，新手不理解原理，两段代码必须结合使用才能适应大多数主流           浏览器

          关于zoom:1;https://www.cnblogs.com/meierbao/p/6526247.html

          关于第三种方法的原理我也不是很明白，求师兄答疑。

此处为任务二的日报

    github主要的作用在于版本管理，关于github的前世今生都去了解了一下，太长了，这里就不写了（主要是懒。。）

    关于github使用我也是查了很久，网上的各种解说，看的最多的还是git上传更新管理，但是对于刚开始使用github的新人（我）来说，信息量还是比较大的，各种摸爬打滚终于知道怎么玩了，纯小白使用http://blog.sina.com.cn/s/blog_15a00cfa60102xptg.html，里面有一点小错误- -，只是能够上传代码，进行页面展示等简单的操作，真正的更新管理还是不大会，希望师兄现在还没有看到这篇日报- -，我认为使用一个合适的管理github的工具还是相当有必要的，能够进行更新替换等操作，不然用起来真的超级麻烦。但是我希望暂时跳过这一任务，之后慢慢补起来。后面的移动端自适应讲真，做过很多，但是现在有点迷茫了，移动端设计媒体查询的界限在哪里，移动端能用px吗？在哪里适合PX，哪里适合rem,问题好多哦。