今天完成的事情：1、下载资源--魔镜介绍页，并下载安装好adobe photoshop cc2017。

2、学习内外边距margin和padding，通过资料了解到在w3c的规范中， margin 的百分比值参照其包含块的宽度进行计算，同样的padding如果设置成百分数的话，其盒子模型和margin是一样的。用overflow:hidden可以解决body元素上方的空白。

3、利用div对页面进行布局，使用一个div，里面放一个img，并用css添加样式，div的样式设置为width：100vw和height：100vh，img经过调试后设置为width和height100%。

明天计划的事情：学习photoshop切图。学习自适应——PX，EM，REM的概念，自适应布局的写法。

遇到的问题：1、对选择器理解不够完整，

.demo1{ height:500px; width:980px; margin:0 auto; background:#EEE; overflow:hidden;}

 .demo1 div{margin:10% 5%; background:#666;}

以为第二个选择器.demo1 div里的.demo1可以去掉，请教师姐之后再去看选择器资料，原来它们负责不同的元素的样式。

2、第一次写img样式的时候居然写成.img。不该犯的低级错误。

收获：理解了盒子模型margin和padding设置为百分数的布局。再次根据任务要求对页面进行布局。