今天完成的事情：了解了内联元素（inline）和块级元素（block）的区别和使用。任务三有个大概的雏形。

明天计划的事情：ps切图；搞出任务三代码，及其调试。
遇到的问题：很多代码元素不会运用，不了解其中的意思。弹性盒子不太理解，不会运用。
收获：

一：inline元素，block元素，inline-block元素的理解：

1，inline元素：一个内联元素不会开始新的一行，并且只占有必要的宽度。   和其他元素都在一行上；

元素的高度、宽度、行高及顶部和底部边距不可设置；元素的宽度就是它包含的文字或图片的宽度，不可改变。

2，block元素：一个块级元素，总是开始新的一行，并且占据可获得的所有宽度，（左右都会尽可能的延伸到它能延伸的最远。）   

每个块级元素都从新的一行开始，并且其后的元素也另起一行。；元素的高度、宽度、行高以及顶和底边距都可设置；

元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。（一个块级元素独占一行）

3，inline-block元素：它像内联元素，但可以设置宽度和高度。和其他元素都在一行上；

元素的宽度，高度，行高以及顶部和底部的边距都可以设置。

二：常见的inline元素、block元素、inline-block元素
1，常见的inline内联元素：span、img、a、lable、input、abbr（缩写）、em（强调）、big、cite（引用）、

strong、u（下划线）、button（默认display：inline-block）i（斜体）、q（短引用）、textarea、select、small、sub、sup，

2，常见的block块级元素：div、p、h1…h6、ol、ul、dl、table、address、blockquote、form
3，常见的inline-block内联块元素：img、input

三：（内联元素）inline）元素，（块级元素）block）元素，（内联块级元素）inline-block）元素的区别：

1，块级元素（block）会独占一行；而内联元素（inline）和内联块级元素（inline-block）则会一行内显示。

2，块级元素和内联块级元素可以设置宽度（width）和高度（height）；而内联元素则不行。

3，块级元素的宽度（width）是默认的100%；而内联元素则是根据其自身的内容或者子元素来决定宽度的。