今天完成的事情：

1.写task4的header部分：使用position:fixed将header固定在浏览器顶部，将“关闭”“注册”“登陆”分别放在span中，在父元素中使用text-align:

center将其整体居中，然后用float分别将两边的字符左右两侧

  html：

<div class="header">
    <span class="left">关闭</span>
    <span>登录</span>
    <span class="right">注册</span>
</div>

 css：

.header{
    width: 100%;
    position: fixed;
    height:4.5rem;
    background: #5FC0CD;
    text-align: center;
    line-height: 4.5rem;
}
.header span{
    color: #FFFFFF;
    font-size: 1.6rem;
}
.left{
    float: left;
    margin-left: 5%;
}
.right{
    float: right;
    margin-right: 5%;
}

2.input标签：

‍‍   name属性用于规定input元素的名称

 ‍‍   type属性用来规定input元素的类型‍‍

•             ‍‍value属性为input元素设定值:type="button"、"reset"、"submit"用于定义按钮上的显示的文本,type="text"、"password"、"hidden"用于定义输入字段的初始值,type="checkbox"、"radio"、"image"用于定义与输入相关联的值‍‍
  

          ‍‍ placeholder属性提供占位符文字，描述输入域所期待的值。占位符会在输入域为空时显示出现，在输入域获得焦点时消失‍‍

‍‍3.垂直居中的几种方式：

 （1）定位

.main{
    
  position: absolute;
  top: 50%;
  margin-top: -50px;
}  

 (2)单行文本垂直居中

   height=line-height

 (3)flex(好像是task5的内容，还没看)

 (4)display:table-cell;vertical-align:middle;

明天计划的事情：

把task4完成,

收获：input标签，垂直居中