一、今天完成的事情：

（一）看了深度思考的问题

1.position定位有哪几种？各有什么特点

1 默认就是static，除非要用来覆盖，一般不用设置

2 relative 设置的距离是相对于它自己正常的位置

3 absolute/fixed 设置的距离是相对于它包含块的位置，

absolute之后，他就被移出文档常规流，其他元素当它不存在了。这点跟浮动一样。

4 sticky 滚动页面的时候，他的位置不会变，后续元素还当他存在，会把它原来的位置空出来。

https://developer.mozilla.org/zh-CN/docs/Web/CSS/position

另外包含块不是父元素，具体解释在下面链接：

https://developer.mozilla.org/zh-CN/docs/Web/CSS/All_About_The_Containing_Block

2.哪些css属性可以设置百分比，其计算原则是什么？

可以使用百分比的样式属性: 

定位：top,right,bottom,left; 

盒模型：height,width,margin,padding, 

背景：background-position,background-size(css3), 

文本：text-indent，

字体：font-size;

各个属性使用详细：

top,right,bottom,left:全兼容,

height：基于包含它的块级对象的百分比高度。

width：基于包含它的块级对象的百分比宽度。

margin：百分数是相对于父元素的 width 计算的。

padding：百分数是相对于父元素的 width 计算的。

--------------------- 

原文：https://blog.csdn.net/jnshu_it/article/details/84917090 

总结一下，各种和距离、尺寸有关的参数可以设置百分比。

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

<form>, <label>, <input>, <textarea>, <button>

属性太多了，需要再整理一下。

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

根据内容，用对应的html标签，不能全都用div。

虽然很多标签视觉上的效果一样，但是有含义和逻辑的标签更好。

比如说我做输入框的那个div可以改成form。

二、明天计划的事情：

把两个输入框的问题改好

继续补充任务四的深度思考

三、遇到的问题：

做限制手机号码长度的input卡住了。

四、收获

了解了position、表单元素、开始理解html结构语义化