今天完成的事情（2、3个小时）

  1.学习了媒体查询的知识，完善了任务三的代码；

  2.因为今天有事，所以才将Nginx教程看了一丢丢；

  3.解决了昨天的问题：

   4.可是在屏幕足够大或者足够小的时候，相对屏幕，高度不算是固定呀_(:з」∠)_不知道咋办。。。

       思考了问题的本质是高度变化造成的（之前没有仔细观察呢...），运用了师兄让我看看的媒体查询，成功~

明天计划的事情

  1.完成任务三；

  2.开始任务四；

遇到的问题  

  1.运用媒体查询的时候，因为格式上的错误，代码无效，既是空格有无问题都会影响！真严格！

  2.对图片居中问题，一开始调整盒子模型调整，但我觉得还是不行，我认为图片自己占用的像素是固定，而设置的margin百分值是通过图片像素大小算出来的，但是随着屏幕的大小改变，图片的大小所占用的百分值是改变，而算出的可以让图片居中的百分值也应该需要改变的；

  解决方法：上网搜索，有用txt-algin：center的，但这是文本才可以吧；其他方法是在屏幕固定下的方法；

  最后找到了一个：img{display：block；margin：0 auto}，因为我需要顶端一些空白，在后面加了margin：xxpx，成功~

  原理嘛，还没思考

收获

  1.学习了媒体模型：

   a.媒体类型：<link rel="stylesheet" type="text/css" href="screen">；

   b.@media规则：@media mediatype and|not|only {media feature}（mediafeature){CSS code};

          举例：@media only screen and {max-width:500px}(meda feature){body{background-color:lightblue}；

  2.在学习了媒体模型之后，才仔细观察了chrome有哪些屏幕大小和规律，所谓在屏幕足够大足够小其实是因为高度变化造成的，这时候就可以运用@media，真方便；

日报用时半个小时，今天有事学习时间比较少，明天继续

话说服务器是不是总崩溃的....-。-啊啊感觉用git和Xshell更熟练了真好~

话说以后修改html代码在git目录下打开文件就好了- -咦，为啥现在才发现