今天完成的事情：1.完成了任务4，给表单和按钮添加了样式，实现了和效果图一致。

                             2.上传到了学院服务器和github中。也可以通过nginx在本地通过域名访问。

• 明天计划的事情：1.开始任务5的学习。

•                             2.对学过的内容和知识点复习一下，加深印象。             

•          

遇到的问题：1.在对图片进行链接的时候忘记写文件名后缀，使得图片没有正确的被引用。

                     2.提交之后发现表单的长度不是和浏览器同样宽度，在图片处也可以点击填写数据。暂未解决这个问题。

收货：1.今天通过对表单进行样式的添加，学到了很多新的元素和属性。

           2.学会了在css中使用background:url( ) 添加背景图片，并进行相应的设置。

           3.对边框的的样式修改了解了更多的知识。

           4.对一个div设置height和line-height相同时，因为只有一行，行高和容器的高度相同，里面的元素会在竖直方向上自动居中，十分方便。

           5.对于在表单中插入图片并使输入文本时正好在图片右边，只需要对表单的padding-left设置和图片同样宽度的数值，即可实现要求。

            6.开始的时候对表单的父元素div的width设置100%，然后对表单的width设置100%，这时内容宽度会和父元素div的width相同，但是由于添加了padding-left，这时在浏览器会出现空白区域，导致出现横向滚动条，后来发现box-sizing: border-box可以解决这个问题，通常一个块级元素所占的宽度为width+padding+border+margin，但是box-sizing: border-box能让padding（内边距）和border（边框）也在width中。此时实际所占宽度为width+margin。这样就不用计算到底多少才能使正好达到100%，高度同理。