任务进展：

      1：学习了PS透明切图，并完成了任务4的需要的切图。

      2：深度思考中的问题：

            1.个人认为，margin与padding的选择视border的设置要求而具体选择，若对border无要求，则一般情况下两者皆可。

            2.手机分辨率指的是设备理想视口（idea viewport），网页中的px指的是物理像素单位，一般移动手机的屏幕分辨率不可以自己设置，而是厂家默                 认设置固定值，所以该分辨率宽度即为设备逻辑像素（dip）宽度，dip宽度*倍率=物理像素宽度。

            3.如果移动端不加meta为viewport，则没有设定布局视口与理想视口的缩放关系，则在移动端显示的网页按pc端的布局来显示，会导致布局错乱元                 素越界等问题。

      3：完成了任务4的布局，并可以在移动端正常显示，师兄要求当鼠标停在动作文字上时光标会变成手形，明天完成这一要求。

遇到问题：

      做任务中遇到的问题主要是中间表单区域各元素的定位对齐问题。我将图标和输入框都包装上一个div，然后再进行div内容的定位居中就比较容易了，这样一来增加了很多div，且许多样式都相同，可以在写样式的时候采用:  .a,.b,.c......{}这种格式来统一设置，这样可以简洁代码。

明日计划：

      1：完成鼠标悬停变手形的要求。

      2：学习解答深度思考问题。

      3：学习任务5。

收获：通过做任务4，学习了表单和其常用子元素的性质，并与div进行了嵌套布局。