做完任务1的总体总结

一：学到了

1.知道了目前最主流的三个Web服务器是Apache Nginx IIS。

2.成功配置nginx，手机上可以直接访问网页。

3.写出了九宫格。

4.深入思考

1）.什么是Doctype？

Doctype是document type 的简写，它不是HTNL的标签，也没有结束标签，它是一种标记语言的文档类型声明，即告诉浏览器当前 HTML 是用什么版本编写的。

DOCTYPE的作用?

在所有 HTML 文档中规定 DOCTYPE 是非常重要的，这样浏览器就能了解预期的文档类型， 告诉浏览器要通过哪一种规范（DTD）解析文档（比如HTML或XHTML规范）。

DOCTYPE会影响代码验证，并决定了浏览器最终如何显示你的Web文档。

2）.垂直居中几种方式实现？

flax布局中的  align-items: center;

行高 line-height: 400%;

 display: inline-block;设置成行内块状元素

3）.IDE是什么？

IDE这个词和一些没有关连性的命令行工具（像vi、emacs、make）是一种对照，虽然你可以把Unix当成是一个IDE，但是多数的程序开发人员会把IDE当成是一个可以完成各种开发工作的一个程序，这个IDE程序提供许多的功能，例如：制作、修改、编译、发布、调试。IDE的想法是把各种命令行的开发工具结合起来，提供一个抽象化的工具，来减少学习编程语言的时间，增加开发人员的生产力，同时也将各种开发工作做更密切的整合，来提高生产力。

IDE和文本编辑器相比有什么优缺点？

是包含和被包含的关系。ide里面除了有编辑器，还有很多别的东西。

4）.如果不进行声明meta的viewport会怎么样？

回答： 不声明视口宽度时，浏览器会使用默认的布局视口作为页面宽度

首先如果不设置meta viewport标签，那么移动设备上浏览器默认的宽度值为800px，980px，1024px等这些，总之是大于屏幕宽度的。这里的宽度所用的单位px都是指css中的px，它跟代表实际屏幕物理像素的px不是一回事。

第二、每个移动设备浏览器中都有一个理想的宽度，这个理想的宽度是指css中的宽度，跟设备的物理宽度没有关系，在css中，这个宽度就相当于100%的所代表的那个宽度。我们可以用meta标签把viewport的宽度设为那个理想的宽度，如果不知道这个设备的理想宽度是多少，那么用device-width这个特殊值就行了，同时initial-scale=1也有把viewport的宽度设为理想宽度的作用。所以，我们可以使用

<meta name="viewport" content="width=device-width, initial-scale=1">

来得到一个理想的viewport（也就是前面说的ideal viewport）。

二：计划的事情：要加快自己的学习速度，目前学得太慢了。

三：遇到的问题：手机访问网页失败，找到解决方法是将配置文件中的server_name改成了自己ip，然后手机换个浏览器就成功访问了。（QQ群内找师兄询问解决的）

四：收获：收货颇深，了解了github，学会了上传代码，建立自己的仓库；了解了云服务器。