今天完成的事情：完成了task4。今天的任务比较简单，比前几个任务快很多。

明天计划的事情：完成task5。

遇到的问题：1.    3个元素在同行中如何分别居左中右对齐——解决办法：设定每个元素的width为33.3%，同时float:left，再利用text-align：left/center/right解决文字的位置问题。 
                    2.     当height为百分数时无法用line-height来解决文字的垂直居中问题

                             浏览器过宽时，某些元素的width用百分数表示会造成界面没有美感

                              解决办法：设置body的font-size：62.5%，@media screen and (max-width: 400px) {  html,body{font-size:5x} } 
                                               元素的高不再用百分比表示，某些元素的宽也不再用百分比表示，需要用到px的时候全部换算成rem为单位，当浏览器 窗口过小时，元素的宽高也能达到自适应的效果
                    
                  3.如何设置文字之间的间距：letter-spacing用于英文字母间；word-spacing用于中文

收获：通过今天的学习，页面布局

代码链接：https://github.com/zhengxiaocheng/task1/blob/master/task4.html