今日完成的任务：

1.基本完成了任务三，用inline-block完成了两个图片并排排列，所以去学习了三种基本元素：

‍‍block-level elements (块级元素)：会单独占一行，默认宽度是100%；基本标签‍‍DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL‍‍‍‍

‍‍ inline elements (内联元素)：不会自动产生换行，只到一行都被排满；基本标签‍‍SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR‍‍‍

inline-block则是将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link（a元素）inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性。‍‍

可以使用inline-block代替浮动来避免浮动所产生的一系列问题

明日计划：

着手任务四的知识点开始学习，把任务三的代码传上github，做出任务四的雏形。

遇到的问题：一开始的时候改变页面宽度会导致inline-block的右边图片掉到第二行，而且会有点不对齐的现象，调整了一下padding，然后设置vertical-align: top;解决了问题

收获：对于页面设计定位布局有了基本的了解。

‍‍‍‍‍‍