1.HTML文件里开头的Doctype有什么作用

doctype相当于一种声明，声明html的文档类型

2.如何理解盒模型及其content、padding、border、margin？

盒模型就是把每个html元素看成一个盒子，content是内容，padding是内边距，内边距可以在盒子与边框之间创建一些看得到的空间，border是边框，边框会包围内边距，边框是围绕内容的一条线，margin是外边距，外边距包围着边框，用来分隔两个元素间的距离。

3.常见的inline元素、block元素、inline-block元素有哪些？它们之间有什么区别

常见的inline元素有

4.如何使用浏览器的F12调试页面？

通过f12可以清晰的看到布局，可以改变一些属性以及测试一些属性是在哪起到了作用。可以更方便我们的布局。

5.九宫格的布局你还能想到哪些办法实现？它们各自的优势劣势是什么？

目前只会div

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

集成开发环境（IDE，Integrated Development Environment ）是用于提供程序开发环境的应用程序，一般包括代码编辑器、编译器、调试器和图形用户界面等工具。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。所有具备这一特性的软件或者软件套（组）都可以叫集成开发环境。如微软的Visual Studio系列，Borland的C++ Builder、Delphi系列等。该程序可以独立运行，也可以和其它程序并用。IDE多被用于开发HTML应用软件。例如，许多人在设计网站时使用IDE（如HomeSite、DreamWeaver等），因为很多项任务会自动生成。

编辑器就是纯粹编辑文本的编辑器、IDE是带有软件开发功能的“集成开发环境”。

准确来说呢，IDE里面除了编辑器，还有很多其他东西。

编辑器的本质是可以写字符就行,像windows自带的写字板就是最简单的编辑器,他的识别级别在文字级,他只显示你想写入,和打开的文本内容.他不管你写什么内容.只提供接收与显示功能。

以上内容来自知乎和百度

7.加和不加meta的viewport有什么区别？

加meta的viewport是一种声明，做到网页自适应。不加meta的viewport只是一种属性

尚未研究

明天计划的事：

1任务3、4深度思考

2.学习css自己不知道属性及其用法

3.学习其他实现九宫格的方法

4.了解如何使用svn将代码上传到github

遇到的问题：

不会其他实现九宫格的方法，明天学习一波

收获：学习到了svn和git的区别，优劣势