今天完成的事情：完成任务三。对前面css里的基础知识又加深了自己的印象和理解。

明天计划的事情：开始学习任务四。

遇到的问题：.图片会堆积在一起。（这个问题昨天就一直困扰着我。可能是我刚开始学，很多问题都不怎么会描述，感谢栗帅斌学长和教室里的所有学长帮我细心解答。）

这其实是一个理解行的问题，以前我并不懂。经过学长的解答，我现在写一下自己的理解：

display是控件的css属性之一，表示的是显示模式。none表示不显示在网页上，但是代码存在;bolck是此元素将显示为块级元素，此元素前后会带有换行符。在CSS中，块级对象元素会单独占一行显示，多个block元素会各自重新起一行，并且可以设置width,height属性。

收获：在块级元素之间还得定义：外边距和里面元素的高度和宽度。

因为如果不定义外边距的话，块级元素之间会紧挨着。页面看起来会很不美观。

在块级元素内可以设置一个容器，他里面可以装div标签或者p标签都可以。用div标签不会有行间距，用p标签他会有行间距，这时就得设置p标签的上下外边距都为零。

如何使用container来作为载体，装载其他子控件。而且container还会根据子控件大小，调整自身大小，从而达到自适应效果。

改变图片大小可以给图片设置高度和宽度，首先得把图片位置定好。

还了解了一些盒子的解释：margin属性设置了盒子外部区域的宽度，这个属性推开了页面布局中其他的盒子。margin属性的值可以为负，表示这个元素的边界会向内凹，如果margin的值为正值，那么表示这个块级元素的边界向上下左右某个方向拉伸。margin:0px  auto;网页居中对齐的必要条件：块元素并且必须固定宽度。

margin的特殊用法:盒子在其容器中水平居中.

margin-left: auto; margin-right: auto;

盒子尺寸(box-sizing)

box-sizing: content-box | border-box;

context-box的含义:

为盒子设置的width属性仅表示内容区宽度, 实际宽度=width+padding+border

border-box的含义:

为盒子设置的width属性就是实际宽度

为盒子设置的padding和border自动从width中扣除, 内容区宽度自动缩减.