今天把昨天没做完得任务3给做完了，利用<div></div>标签对页面进行布局，

使用切图软件去在页面添加图片文本，最后完成任务3。

效果如图。

      在根据设计图布局得时候，遇到了许多问题。

       问题1，中间得logo应该居中显示得，但是写出居中代码text-align: center时候全部图片文本都被居中了，页面布局被搞得一塌糊涂，询问师兄，把text-align: center写入body里面了，哪里就居中了，所以在图片得盒子模型里面加入居中就可。

       问题2，如何让文本根据页面自适应，在尝试只用p标签写得时候发现，如果你只写p标签得话，无法对文本进行布局。用&nbsp；的话，随着页面大小，文字无法去自己调整位置。

       问题3，如何调整文本。让它可以根据页面大小自己去动，询问师兄，师兄让我在文字里面互相给margin：10%；就可以了，自己百度查找css居中，输入text-align: center;，文字开始自己居中。

       问题4，尝试在文本里面改变字体大小，百度查找输入font-size: 150%;之后文字果然变大了，师兄觉得文字太大了，让我尝试用先用rem。

      问题5，两个图片要保持位置一样，并且让他们左右浮动。我给他们互相加入float-left，float-right，之后，发现冲突，只用给要去left的left，放在右边得用right就可以了。同理用于调整设计图最后的两个文本，发现特别好用。

     问题6，师兄感觉我的盒子图片与文字产生分离了，让我用div，把文字与图片放到一起。

经过尝试效果不错。

 明天任务就先不做任务4了，任务3对我来说接触学到得知识信息过多，我需要消化知识。明天在做几遍任务3复盘，学消化知识。