今天完成的任务：

    1.下载了移动端页面的任务资源，首先布局header，运用盒子模型的原理，在header内部用三个盒子，要让三块文字分别在header的左中右，用position元素的fixed属性定位；垂直居中，让height元素和line-height元素的值相等；

     然后用ps切除手机号和密码的图标，布局到页面中；布局表单内容用form，form是一个数据获取元素的容器，而容器内的元素被称为表单控件，最常用的表单控件就是input元素，input元素的属性type用来规定input元素的类型，设置手机号type：number和密码type：password；input的placeholder 属性提供可描述输入字段预期值的提示信息， 该提示会在输入字段为空时显示,并会在字段获得焦点时消失。

e.g.  <input type="text" placeholder="请输入手机号"/>       <input type="password" placeholder="请输入密码">

    再用button（按钮）设置登录和忘记密码，忘记密码有下划线，text-decoration: underline ，button会有边框，可以用border：none和otuline：none

   上传到服务器；

   2.理解【深度思考】中的问题

     (1)position定位有哪几种？各有什么区别？

     position是CSS中非常重要的一个属性，通过position属性，我们可以让元素相对于其正常位置，父元素或者浏览器窗口进行偏移。

     position的属性值共有四个常用的：static、relative、absolute、fixed。

     absolute：绝对定位。将对象从文档流中拖出，使用left，right，top，bottom等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据body对象。而其层叠通过z-index属性定义
。当对象定位在浏览器窗口以外，浏览器因此显示滚动条。
     fixed：固定定位。对象定位遵从绝对(absolute)方式。但是要遵守一些规范。当对象定位在浏览器窗口以外，浏览器不会因此显示滚动条，而当滚动条滚动时，对象始终固定在原来位置。
     relative：相对定位。对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置。当对象定位在浏览器窗口以外，浏览器因此显示滚动条。 
     static：元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。

   相对于文档流，position定位有以下区别：

     相对定位：元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。绝对定位：即完全离开文档流, 相关于position属性非static值的比来父级元素进行偏移。固定定位：即完全离开文档流，相关于视区进行偏移。

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

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

      定位属性：top, right, bottom, left;