今天完成的事情：

完成了深度思考并提交了任务一；注册了github，下载了git并完成了代码上传；

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

  DOCTYPE是HTML的声明，告知浏览器页面所使用的是哪个版本的HTML，DOCTYPE的全称是document type     文档类型；

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

   盒模型是因为常使用盒子来进行比喻，所以叫做盒模型；

  content：内容区，盒子中放置实际内容的区域，被内边距包裹；

 padding：内边距，也叫做填充，在边框的内部，padding会将内容区的背景颜色或背景图片显示出来；

  border：边框，在内边距的边缘、外边距的内部，分隔内、外边距；

  margin：外边距，在边框的外部，margin不会显示内容区的背景颜色或背景图片，上下两个块元素垂直相邻的外边距会发生重叠，像素大的外边距会将像素小的外边距覆盖，水平相邻的外边距则不会，它们之间的外边距是相邻边距之和；

padding、border、margin都具有四条边：top、right、bottom、left，可以分别对单个或多个边设置样式；除此之外，border还有四个属性：width、color、style、radius，color属性默认的值是black（黑色），style属性默认值是none，只有当设置style的值为非none值时，其它三个值才会发生作用；

padding、margin都是可选的，默认值是零，但是一般浏览器都各自设置有浏览器样式表，可以设置*{padding：0；margin：0；}覆盖浏览器样式；

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

   inline元素：<span>、<strong>、<em>、<a>

          inline元素是行内元素，元素在同一行显示，宽度不够才会换行，无法使用width和height属性，padding和margin只能使用left、right属性，top、bottom属性无效；

  block元素：<h1>~<h6>、<p>、<div>、<ol>、<ul>、<li>

        block元素是块级元素，每个元素都单独重起一行显示，默认情况下会填满父元素宽度，能够使用width、height、padding、margin属性；

inline-block元素:<img>

       inline-block元素是行块级元素，能够使用width、height、padding、margin属性，排列则和行内元素相同，并排显示，宽度不够才重新另起一行；

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

      打开浏览器页面，按F12键或者单击右键，选择审查元素，就打开了调试模式，可以看到源代码以及盒模型，点击手机样式的按钮，则切换到手机显示模式；

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

      创建一个div将九个div包裹，对外面的div使用类选择器，通过上下文选择符，对里面的九个div设置样式；

      优势：不需要为每一个div添加类选择器，减少代码量；

     劣势：增加了用于设置样式的div元素，不符合规范；

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

    IDE是集成开发环境，用于提供程序开发环境的应用程序，里面有各种库等可以帮助开发程序之类的东西，文本编辑器就是个编辑器吧，程序开发还是IDE好；

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

我观察到的结果就是加viewport的话，页面缩到很小的时候一样不会出现水平的滚动条，而如果不加viewport，当缩小到一定大小时，就会出现水平滚动条，页面上有部分被遮挡；

明天计划的事情：

继续学习git；

遇到的问题：

搞不懂git，在网上找了好多教程跟着做也总是出问题，花了几个小时一个错误一个错误的查才完成了上传；

另外，任务一的完成提交除了任务二要学的github，服务器地址要怎么使用啊，搞不懂；

收获：

了解了一些github的使用（多亏了谷歌的翻译功能），至于git，继续学吧；