今天完成：

    今天把任务三和四一起完成了，发现了很多问题，先总结下遇到的问题：

1、任务三倒是比较简单，ps单纯只用切图功能还是比较简单的，不过只用了整体切图的方法，把背景切进去的，还有前面不太清楚哪些是该切的 ，哪些用前端来实现，经过师兄帮忙暂时应该明白了，由于ps比较卡，任务三四都是直接切的，等任务五再研究下怎么不切背景；

2、遇到的第一个比较大的问题就是关于自适应px、em、rem的问题，这个暂时用的px和百分比，看了一些文档还是不太明白具体的区别，然后主要是不知道应用场景，这个问题比较大，不仅在这个问题上，还有关于对页面进行布局的时候，由于很多种方法都能实现，导致很多时候不知道该用哪种办法；

3、然后就是img图片尺寸的问题，现在直接用的原图，找了很久关于直接缩放的方法没找到，就像字体font-size那种缩放方式暂时不知道怎么处理；

4、接下来就是input表单设置上面，官网给得资料上面HTML5包括HTML之前版本的属性都有，但是实现的时候还是直接搜的实现方法，这个就很麻烦，因为都是直接找的，很容易就忘了，这里做个记录：

    1）、按顺序分别是字体设置、字体粗体细体以及放大比例（初始默认比例是14px）；

font-family: sans-serif, "宋体","仿宋";
font-weight: lighter;
font-size: 270%;

    2）、这个是之前写一大段话的时候出现的行间距问题；

line-height: 70px；

    3）、img和input处于同一行时，这个时候这两个元素是不会在同一水平线上的，用这条语句就很容易解决了；

vertical-align:middle;

    4）、第一条用来消除input的边框，后一条是只显示边框左边那条线；

border-style: none;
border-left-style: solid;

    5）；这条是用来消除input点击后显示的边框

outline:none;

    6）、还有一个很重要的就是margin不管是left和right还是top和bottom，按百分比都是继承的父元素的宽，跟高没关系。泽平大佬解释说这是因为显示设备的宽一般来说都是固定那几种，而高是多变的，而且浏览起来也比较方便；padding也是。

    7）、这个是用于将字体加上下划线；

text-decoration:underline;

    8）、这里面onfocus及其之后部分都是用于将input输入框输入后消失的value重新显示出来的；

<input class="u-inp-pnum" type="text" name="phonenum" value="请输入手机号码" onfocus="if (value =='请输入手机号码'){value =''}" onblur="if (value ==''){value='请输入手机号码'}" />

    9）、这个是升级版，由于input里面password模式value会直接变成小黑点，这里用了Javascript，原理就是刚开始将input设置成text型，点击后改成password，删除输入后又重新改成text型；

<input class="u-inp-pd" id="pw" type="text" name="password" value="请输入密码" onfocus="if(value=='请输入密码'){value=''} this.type='password'" onblur="show_pw()" />

<script type="text/javascript">
    function show_pw()
    {
        var pw=document.getElementById("pw")
        if(pw.value==""){
            pw.type="text"
            pw.value="请输入密码"
        }

    }
</script>

5、最后补充一个关于width的知识点，CSDN转载来的：

明天计划：

任务五看了一下，大概就是把前面用到的整合到了一个任务里面，正好通过这个任务来看下，在刚学过的情况下能不能快速用起来。重点还是在px、em、rem上，还有关于不同类型客户端的自适应兼容上，最好整理出笔记，然后就是viewport还是不太清楚，有空要看看。

任务六开始就有雪碧图和bootstrap框架，在此之前要把前面的问题解决好。

之前在别人的日报里面看到有说过日报有自动保存功能，刚刚关了下，在提交后的编辑模式里没有自动保存。。。。。。