‍‍‍‍‍‍‍‍

今天完成的事情：

    1、写完了task4，地址是http://www.zuihaodewomen.com/task4/task4.html；代码地址

https://github.com/duola8789/Index/tree/master/task4；

    2、总结task4；

明天计划的事情：

    1、继续看书；

    2、开始task5；

    3、查查input的东西，翻翻师兄的日报；

遇到的问题：

    1、主要的问题还是武器库太不充足；

    2、input框透明的原理不太明白，设置了{background：transparent}反而有阴影，还需要加上{border：1px solid #FFFFFF}，加上border之后反而透明了，奇怪；

收获：

    1、做task4好像有了那么一丁丁点感觉，说不太清楚，回头再重写上一个任务，体会一下；

‍

    2、页面首先要初始化，定义*{margin：0；padding：0}，应该不止这样，但是目前够用；

    3、字体统一控制，在html中定义62.5%，然后每个需要单独设置的块中定义font-size用rem，目前我觉得这样可能好一点，如果在body中定义62.5%，然后用em，两个嵌套的时候还需要算一下，好像不方便；

    4、两个div里外嵌套的时候，父级的div设置一下{overflow：hidden}，可以解决设置子级div的margin-top时影响父级div；（这就是清除浮动啊~~，子元素的margin-top不为0时就跑到了元素的外面，会出现空行，用overflow清除一下就好了）

    5、div内文字居中的三种方法

        ①文字的line-height等于div的height——适用于单行文字；

        ②设置div的padding-top等于padding-bottom——适用于div高度不固定的情况；

        ③用display：table和用display：table-cell和vertical-align：middle——适用于所有；

    6、input的输入框透明的方法{background：transparent；border：1px solid #FFFFFF}，（直接用border就可以实现），输入时周围的框框用{outline：none}可以消除；

    7、文字间距：<p>中输入再多空格都只当一个用，可以用&nbsp输入一个空壳，也可以用{letter-spacing：10px}来控制文字间距；

    8、我发现可以把自己的日报保存起来，时间久了返回来看看，应该有用。

‍‍‍‍‍‍‍‍