今天完成的事情：

1.继续学习了元素的布局与定位

2.试着做了下任务三

明天计划的事情：

研究下任务四

遇到的问题：

做任务三时，下面的图标不能和居中段落对齐，对图片放置位置还是没有很好的掌握，而且感觉margin和padding不好区分，有时达不到需要的间距

收获：

1.用<link>链接到外部样式表<link type="text/css" rel="stylesheet" href=文件夹.css">

2.浮动一个元素时，若希望在某个元素后面，就要移动浮动元素的HTML，让其紧挨着放在那个元素下面，浮动元素必须有特定的宽度，不能设置为auto；

解决重叠问题用<clear>属性，当元素流入页面时，在这个元素左边或右边或两边不允许有浮动内容，设置了clear属性的块元素会下移，直到它旁边没有块元素。

3.了解了四种元素布局：浮动布局  凝胶布局  绝对布局 表格显示布局

凝胶布局：内容宽度是固定的，但外边距会随着浏览器窗口扩展或收缩

冻结布局：内容的宽度是固定的，不会随着浏览器窗口扩展或收缩

4.position属性的四种值：static{静态定位是默认方式，将元素放在页面的正常流中） absolute（绝对定位允许将元素放在页面任何位置，默认地绝对定位元素会相对于页面边界来放置。如果一个绝对定位元素嵌套在另一个定位元素中，这个元素就会相对于外包元素定位；绝对定位，可以对任何元素指定绝对定位。一个元素决定定位时，会把它从页面的正常流中删除，绝对定位元素不用指定宽度）  fixed（固定定位总是相对于浏览器窗口定位，页面滚动时，固定定位的元素不会移动）  relative（相对定位元素首先正常流入页面，然后按指定的量偏移，从而流出原先所在的空间）使用绝对、固定、相对定位时，属性top right bottom left可以用来指定元素位置

5.垂直对齐vertical-align有四种：top 、 middle  、 bottom、left

6.margin：值  auto；这个是设置水平居中的方法，这个方法必须设置宽度