一、今天完成的事情：

（一）看了任务四深度思考的问题：

常见的表单元素有哪些？各有什么属性？

1 form中都是用来提交用户数据的

form本身的参数：action：把用户输入数据提交到这个地址。method：get或者post，是拿数据还是上传数据

input type: text / password / placeholder  / button / submit / checkbox 多选 / radio 单选 / select（下拉菜单）/ text area 输入多行文字 / label 像“用户名“、”密码“ / required 检验必填

比较困扰的是name、value和id的区别：

一个多选菜单只有一个name，每个选项都有一个id，同一个name代表他们是同一个多选菜单的选项，name会跟着传到后台，value就是他传到后台的值。

每个id在页面上是唯一的，id应该用在css样式，跟后台数据无关。

然后表单的状态可以作为css选择器。

2 如何理解HTML结构的语义化？

html标签有两方面的功能，一种是用来表达文章结构，像h1,h2,p,，一种是做页面效果用很多div，HTML标签在更多情况下是用于做页面效果。

语义化就是用有含义的标签。优点是，写的人自己比较容易看出页面的结构，对机器来说，爬虫可以爬到更完整的信息，搜索引擎更容易搜到你

（二）把任务五布局了一下

二、明天计划的事情：

把任务五改好

三、遇到的问题：

1。任务五：窗口宽度变小的时候，最后一栏右边的内容会把左边的顶掉，解决：给他一个宽度设一个限制。

2。背景图片一开始显示不出来，解决方法：

background-image: url("./img/bg.png");

            background-size: 100%;

            background-repeat:no-repeat;

3。出现横向滚动条的问题：

想了一下，我本来写的是container width = 100%，padding = 2rem，

width默认是content box的宽度，再加上padding，整个宽度就是100%+4rem了，所以有滚动条。

解决：把boxsizing改成borderbox就好了，这样padding往盒子内部去。

四、收获：