今天完成的事情：把丢了好久的css基础和html基础捡起来（基础不扎实，需要系统复习，并且练习，查漏补缺）。

• -复习了盒子模型，重视盒子的margin和padding；
• -学习了关于的viewport的知识，利用
  

-了解了rem的特性；

-nginx基本配置；

-vm，vh，vmax，vmin；

明天计划的事情：看看切图的案例，学习下切图的过程。

-学习基本的切图工具使用（没有ps，用的gimp）；

-找找正则表达式的资料，学点基本的正则表达式，nginx配置有时需要；

遇到的问题：

-响应式布局中（一般）不应该使用固定的px。

-利用height=0;padding-bottom:xx;(xx指的是width的长度，比如width为50%，xx就是50%)，如果这个盒子里有内容岂不是就不行了，再继续学习吧。

收获：认真记笔记很重要；浮躁行事不仅加快不了节奏，反而带来很多麻烦。了解到了响应式布局的相关概念；经推荐用了atom-editor，感觉挺好用的哈。

-学习了em，px，rem的区别和各自特点

-box-shdow，四周加阴影（不设置x，y轴的便宜，设置好阴影半径和模糊半径，渲染方式默认是outset；

-float的元素具有了inline-block的特性了（这样理解而已）

- position: absolute;margin: auto;left: 0;bottom: 0;right: 0;top: 0;可以使得一个设定了宽高的元素居中（父元素absolute或者relative），这个以前学到的，在做九宫格时候，给最外侧的div（父元素是body）加了这个属性也让整个九宫格居中了；

-使用vh/vw/vmin/vmax单位，根据视口情况自适应。九宫格最后使用了vmin单位，成功实现了浏览器高宽变化时九宫格方块相应变化大小。

(第一次写的的不规范，感谢批评，一早爬起来学习研究重新写的，成果和代码如下，不知道还有什么地方不行，感谢斧正)