前言

  因本人学历较低，从事一些底层工作，并且对计算机有一定的兴趣，所以希望工作之余在此督促自己学习前端技术，为自己以后的道路打好基础。

  在加入班级前已经通过FreeCodeCame网站通过闯关的方式完成了html和css的学习，并完成了第一个简单网页，但我认为自己自制力不够强，并且基础知识学习的不够扎实，所以在此通过日报方式巩固并督促自己认真学习。

今日完成的事情：

完成昨日制作一半的网页https://codepen.io/saxon-liu/pen/zYYWjro?editors=1100  

学习了盒子模型并在网页中实现自己预期

网页自适应

图片及背景的圆角处理

明天计划完成的事：

着手任务1的九宫格制作，制作之前先构思，思考整体代码构成，如大概需要用到所学的哪些知识

遇到的问题：

background背景色区域大小没有达到预期效果  背景色直接覆盖整个body

原因：对盒子模型不够理解

预期：给一张图片及下面文字单独一块背景色

解决方法:

通过w3cschool网站上盒子模型教程及示例理解

div.img{

  margin:0 auto;  /*左右宽度自适应*/

  width:600px;   

  height:450px;  

  border:2px solid yellow; /*加入边框确定目标实际大小*/

  background-color:#328fa0; /**/

  border-radius:6px;  /*圆角处理*/

}

并通过加入border属性来判断div的实际大小

微调width及height参数达到自己的预期效果

收获：

对盒子模型有了更深一步的认识

边实践变查手册并且百度，对基础有更深刻的认识