【今天完成的事情】

‍

1. 1.学会了四种切图的方法：

‍‍1）传统的切图

 ‍‍手动使用切片工具切图

2）参考线切图（个人觉得这个方法最不好用了hhh）

‍

3）精准切图

‍

1.  ‍‍ PS通过脚本自动对每个图层执行切图‍‍
   

‍‍4）自动切图‍‍

 选择菜单“编辑”->”首选项"->“增效工具”，弹出下面的窗口。勾选“启用生成器”->勾选“文件”->“生成”->“图像资源”->给所需要的图层+后缀‍‍‍‍‍‍‍‍‍‍

2.margin:0 auto 与 text-align:center 的区别：

‍‍区别如下:‍‍

 1.text-align:center 设置文本或img标签等一些内联对象（或与之类似的元素）的居中。

 ‍‍2.margin:0 auto 设置块元素（或与之类似的元素）的居中。（如p、div等）‍‍

3.网页宽度自动适应手机屏幕宽度的方法

‍‍‍‍‍‍‍‍

‍‍如果是想要一打开网页，则自动以原始比例显示，并且不允许用户修改的话，则是：‍‍

‍‍<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> ‍‍ ‍‍‍‍

‍‍4.‍‍盒子与盒子之间设定边距时，起点为上一个盒子的边界，而不是页面边界。‍‍‍‍

【收获】

‍‍‍‍1.对margin的作用的理解更加地深刻了‍‍

‍‍2.完成了一个简单的自适应移动界面（花了好久时间QAQ）‍‍

【遇到的困难】

‍

‍‍1.对于图片和文字的具体位置不知道怎么精确地计算，都是靠参考线大致地估计出来位置。。有什么更好的办法吗。。（看了好多切图的教程都没有教QAQ）‍‍

‍‍2.还是对em和rem不太分得清楚和不知道怎么灵活使用（我用的是em,只是把px转化成了em ）‍‍

‍‍明天计划的事情：1.继续学习Git指令，熟练Git的操作2.熟悉padding用法3.复习复习前面的内容，开始着手任务4‍

因为昨天还没写完日报就熄灯断网了，所以昨天的日报和今天的一起写了QAQ。。