今天完成的：

        完成了任务四，及任务五的一部分。

        任务四主要是关于表单的一些问题，在表单元素中对按钮这块儿有些不太清楚，查了些资料搞懂不少。

        了解了<button>和<input type="button">的区别；还有submit和button的区别；以及写按钮的四种方法。在过程中还遇到了一点小问题，就是设置手机号和密码的限制，用到了正则表达式，稍微记下了一些。了解了对一个元素设置多张背景图片的方法。还记住了个小知识点：关于表单元素点击的时候有一个边框，设置outline：none；就可以清除掉。

        在做任务五的时候遇到的问题就比较多了，巩固了一下定位的知识，以及内外边距、边框的知识。

明天计划的：

        把任务五遗留的问题解决掉，学习伸缩盒flex以及css代码规范。

遇到的问题：

    任务四的问题：

        关于按钮的设置及使用，通过百度查询资料及w3c学到了几个按钮之间的区别以及使用方法；

        关于正则表达式，了解了正则表达式的基础使用方法。

        关于给一个元素设置多张背景图片：

        background-img: url(xxx.png),url(xxx.png);

        background-size: xx xx, xx xx;

        background-position: xx xx, xx xx;

        background-repeat:no-repeat;

        在基本完成任务四的时候，点击表单元素发现会有一个边框，之后找到了解决方法（outline:none;）。

    任务五的问题：

        header定位：使用fixed进行定位；header的返回箭头，使用浮动；居中我用的line-height=height；

        在专业技能栏有一道分割线，使用右边框，不过因为设置问题高度不够。之后将li元素下的子元素padding、margin设置好就OK了。

        还有几个有待解决的问题：

        1.滚动条的问题：我的滚动条是从header滚到footer，也就是从屏幕最上到最下的，不像任务效果展示的只在main区有滚动条。

        2.main区背景设置：宽高都设置为100%，拉伸的时候只有宽变得更宽了，图片变形；只设置宽度100%，在缩小到超过本身大小的时候，背景图片不足以填满该元素区域；只设置高度就不能看。。。

        3.自我介绍栏：因为使用的ul、li，自我介绍是多行的，无法分成两列；找到个办法勉强分为两列，但有不小的问题。

        4.footer区的两个按钮：任务效果展示上按钮宽度随屏幕宽度变宽（这里我想的是百分比来实现），但是两个按钮的左右外边距在屏幕拉伸的的时候并没有变化（emmm应该是固定的像素？），还没想到怎么解决。

今日收获：

        了解了表单元素，正则表达式，背景的设置，定位的使用。

【任务四的成果见下面成果展示的链接，任务五0.1版本效果预览 http://118.126.113.248/jnshu830/Task5.html 】