今天完成的事情：

1完成任务四并提交；

2任务5相关知识点学习；

3开始任五，初步完成任务页面

4 学习background属性

background-color   规定要使用的背景颜色。

background-position       规定背景图像的位置。

background-size     规定背景图片的尺寸。

background-repeat         规定如何重复背景图像。

background-origin  规定背景图片的定位区域。

background-clip      规定背景的绘制区域。

background-attachment         规定背景图像是否固定或者随着页面的其余部分滚动。

5盒模型box model复习

所有的标签都是盒子。无论是div、span、a都是盒子。图片、表单元素一律看做文本。

盒模型有哪些组成：width、height、padding、border、margin。

width、height是内容的宽度、高度

padding，内边距，边框和文字内容之间的距离。padding有颜色。表示方法，能够用padding综合写，4个值“上、右、下、左”，3个值“上、左右、下”，2个值“上下，左右”。还能按方向拆开，padding-left、padding-top、padding-right、padding-bottom。比如我们要单独设置某一条边，那么就需要写清楚3要素（也可以单独设置）：

常用线型：solid、dashed、dotted。

标准文档流：说白了，就是一个“默认”状态。标准文档流中，标签分为两种：块级元素、行内元素。

块级元素：一定是霸占一行的，能设置宽、高，不设置宽度默认就是占满父亲。div、p、h、li

行内元素：和其他行内元素并排，不能设置宽、高，默认宽度就是文字宽度。span、a、b、i、u

能够相互转： display:block; display:inline;

 标准流做不出网页：因为能并排的不能改宽高。所以，要脱离标准流。

明天计划的事情：

继续学习相关知识点

解决任务五遇到的问题

遇到的问题：

自我介绍这一栏与任务要求有出入，达不到最后的效果。自己用的是span，

应该考虑用盒子与定位完成。

收获：

独立完成一个简单的页面还是挺有成就感的，页面调试的过程虽然比较枯燥