今日完成的任务：

1.使用ps将模板psd进行了切分，然后将需要用到的图层进行了输出保存，然后用ps的工具找到了该模板的颜色和字体大小。

2.按照任务步骤学习了relative和absolute进行定位的方法

设置positive：relative，通过left、right、top、bottom属性可以确定元素在正常文档流中的偏移位置。相对定位完成的过程是按照static方式生成一个元素，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移钱的位置保留不动。

使用position：absolute可以实现被设置相对于浏览器（body）设置定位以后，可以相对于position：relative来进行定位，参照定位的元素必须是相对定位元素的父元素，参照定位的元素必须加入position：relative。

3.学习了浮动的用法：

‍‍在CSS布局中分为内联元素(display:inline)和块状元素(display:block)，块状元素默认会占据一行，可设置高度宽度以及边距，而内联元素不会也不能设置。浮动元素会被自动设置呈块状元素可以设置宽度，高度，和边距，离开以前的文档流，只到浮动到父元素 的左右边距或者左右方遇到了其他设置成float的元素‍

‍‍浮动元素后边的元素若是非浮动行内元素且因为定位产生重叠时，行内元素边框、背景和内容都在该浮动元素“之上”显示，浮动元素后边的元素若是非浮动块级元素且在定位后产生重叠时，该块级元素边框和背景在该浮动元素“之下”显示，只有内容在浮动元素不在非浮动元素的部分显示。

明日计划完成的任务：使用流动布局和浮动完成任务三

遇到的困难：一直想用绝对定位来完成任务三，对里面的图片进行定位，偏移的误差有点大

收获：对三种布局有了更深刻的了解。