今天完成的事情：

一、了解几个新的css单位：

   1. em：基于父级元素的字体大小。栗子，假设父级字体设置的16px，则2em=32px，不过再下一级2em=64px。每级的标准是在上一级，这样不利于一个页面中使用。

   2. rem：基于根元素设置的字体大小。根元素设置html {   fort-size:14px;   }，此时，1rem=14px，然后在各级当中都会基于根元素计算rem的数值。

   3. vh / vw：数值等同于当前窗口高度的1% / 宽度的1%。适合设置字体的大小随着屏幕的缩放调整。

   4. vmin / vmax：数值取决于窗口的最小值 / 最大值的1%。假设窗口大小为宽100px，高200px。那么vmin=1px，vmax=2px。

   5. ch / ex：两者的数值基于font-family的值。ch可以定义一个任意字符单位宽度的盒子。栗子，10ch可以是一个可以容纳10个字符宽度的盒子。ex数值为当前字体的高度，或者等同于当前字体em值的一半。适用于排版时的微调。

二、进行任务3，初步将案例的布局用固定大小设置好。

三、了解利用git建立存储库，添加新文件。

四、通过搜索了解将webstorm、git和github链接到一起。并通过webstorm中的VCS将本地任务3的代码上传至github。使用git将线上代码copy到本地git文件夹内。

   师兄的文档中看不到图片信息，不知道是不是我这边的缓存问题：http://kenghu.jnshu.com/k/answer/239

明天计划的事情：

一、学习Flex 布局。

二、将任务3的效果图修改为响应。

遇到的问题：

一、将webstorm中的代码克隆到存储库时会提示文件夹内已存在内容。换一个文件夹就行了，然后将已经写好的代码存储到新的文件夹中。

二、任务3的效果图使用div布局后，底部的文字不能居中，使用text-align：center；属性也不行，父级也不行。未解决。

收获：

1.新了解了几种CSS单位及数值的计算。

2.将webstorm与github关联，方便代码的传送与修改。