今日收获：

1、元素的位置static（默认）、relative、absolute、fixed

position关系中有“子绝父相”，我的任务4中只用到了fixed

当头部div元素使用了fixed位置，为了防止覆盖下面的元素，需用div包裹含有fixed位置的元素。

2、关于居中和对齐：

行级元素水平居中：父元素添加text-align:center

块级元素水平居中：添加 margin-left：auto；margin-right：auto；

行级元素垂直居中：设置行高line-height，自动垂直居中

div内元素水平对齐：在该div内的每个元素中添加 vertical-align：middle

3、表单文本框

输入类型为input时，可输入字母、数字等字符并明文显示

输入类型为password时，可输入字母、数字等字符显示为黑色圆点

输入类型为number时，只能输入数字

只有输入类型为text或password时，才可以限制输入长度，maxlength=“”

此时限制输入类型添加 oninput="value=value.replace(/[^\d]/g,'')"

replace中为正则表达式

\d为数字选择器，意思是被用来获取一个字符串的数字。

/g表示它允许这个正则表达式匹配一个或更多数字。尾部的g是’global’的简写，意思是允许这个正则表达式 找到所有的匹配而不是仅仅找到第一个匹配。

其他选择器还有，如 \s 来选择一个字符串中的空白。空白字符有 " " (空格符)、\r (回车符)、\n (换行符)、\t (制表符) 和 \f (换页符)。

\S 匹配任何非空白字符。

4、去除表单边框：border：none

去除输入文本框点击时的边框：outline：medium

5、块级元素行内展示，除了浮动外也可将块级元素转换为行内块元素

display：inline-block

6、超链接：<a href=""></a>当href值为#时，用于替代链接

css中修改超链接文本颜色：color：；

待解决问题：

块内元素的垂直居中还没些不明白的问题，本任务中按钮置于div中，但位置总是靠上，通过设置margin-top居中了，希望可以找到更好的解决办法

明日计划：

后两天内完成任务5