今天完成得事情一， 下载任务3的魔镜介绍页.psd，下载Photoshop，粗略了解photoshop

   photoshop就大概了解了日常使用问题。

      今天利用盒子模型对<div></div>标签进行页面布局。

在这个div标签的文本里面我想让，文字根据自己我的想法去变换位置。

       拿到设计图的同时根据设计图的样式，让页面布局和代码基本一致。并且让img图片变换位置。

      在用<div></div>标签让文字布局得时候，我在想能不能让文字的第二行去到我想要的位置，所以在<div class="box1"><p>这段文字去移动</p><div>中想在文字里面加入</by>标签让他进行换行，发现换过之后并不理想。之后尝试在这栏代码里面加入空格标签&nbsp；但是要加入太多空格了，询问师兄，用p标签另起一行，成功解决问题。

     文字布局得时候我在想，能不能再局部中改变一下颜色，百度查找找到color可以帮我大忙，但是发现放到body里面只能设置所谓的文本颜色，我想尝试改变一下全局颜色，询问师兄，师兄告诉我在body里面直接写就行了，但是我很纳闷，在body里面怎么写才可以写出来呢，抱着死马当活马医的心态在body里面输入所谓的background-color颜色，成功改变了全局颜色。

    拿到设计图进行页面布局得时候我特别茫然，要在网页里面去嵌入图片，根本没有逻辑，特别是图片路径，师兄告诉我<img src="image/图片.png'></div>的时候。<img src>表示路径设置image，成功解救了思路问题。师兄跟我讲，可以使用多个div标签与做盒子，一个大盒子就嵌套许多小盒子。问题成功解决。

收获：通过今天的学习，我掌握了div布局得方式，学会在全局里面改变颜色，和photoshop基础操作。在页面布局中学会如何设置图片路径。

明天打算接着学习页面布局，好好消化知识。