今天完成的事情：

开始任务四

了解了header（头部标签）的语法：

<header>头部内容<header>

也可以设置id和class属性

<header id="">头部内容<header>

<header class="">头部内容<header>

header和div一样的属性，有开始和闭合，也是属于块级元素，每次独占新的一行。也和div一样可以多次使用，不同的地方还可以使用id和class设置样式。

我理解的header和div的区别：

不像div是要用div来设置头部内容底部的标签，而是直接新增元素标签。

position（位置）中的四种属性：

relative 是相对于标签原来的位置点进行定位的  仍存在于文档流中

fixed 是相对于整个浏览器来定位的  直接无视浏览器里面的标签元素 类似于“浮起来”了

absolute是相对于上一级[如. b对z]第一个（父）元素（要求为非static属性）来定位的  而且定位标准是依据父元素的外界边框来确定的

position的属性看了不能理解，四种属性中包含的值：TRBL：英文为：Top Right Bottom Left，意思是：左上右下。都可以调试文本中的位置。

问题：

今天第一步用header标签来编写文本到顶部，然后再把文本居左居中居右，在这上面遇到了一些问题，虽然在chrome中调试出来样子看上去和资料上差不多，可是并不能呈现移动端的效果，我想应该是代码有点问题，感觉和做任务三中的图像通过padding和margin浮动做出来的效果还要复杂了，然后按照师兄说的看了下块级元素和行内元素还有行内块元素的区别，有些理解了，但还是不知道该已怎样的形式去写这个代码，有点茫然了。

明天的计划：

接着解决任务四中的问题，今天刚接触position属性不太理解，再查查资料通过其他的方式试试做出居中居左右的效果，接着按任务完成。