今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

今天将CSS的任务一和任务二，做的差不多了。写一下任务总计。

CSS的深度思考：

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

html的doctype是html中开头第一个，目的是告诉浏览器这是什么类型的页面，使用的哪个标准。

HTML有4和5的版本他们的doctype是不一样的

2.盒子模型中content，margin，padding，border的概念
content是盒子的内容。盒子模型可以理解为一个相框，content是相框中的照片。

而padding翻译时内边距，内边距就是content于边框之间的距离

border边框，是包裹着padding和content，近似相框的边框

margin是两个相框的之间的距离，外边距。

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

inline是行级元素，block是块级元素。

行级元素和块级元素的区别在于width

行级元素能够在一行内并排，而块级元素则是单独占据一行。

4.使用浏览器F12调试页面：chrome的调试主要是看样式的效果和看别家的页面的一些东西。

5.九宫格

九宫格实现方法我目前使用的是两种

一种是直接使用%，

.box{

display: block;

float: left;

width: 31%;

padding-top:31%;

margin: 1%;

border-radius:9%; 

background-color: orange;

}

一种是使用以vw为单位使用.box {

background-color: rgb(255,166,0);

width: 30vw;

height: 30vw;

float: left;

border-radius: 9%;

margin: 1vw;

}

这两者效果差不多，不过从自适应来看第二种更好，可以使用手机屏幕。

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

IDE是集成开发工具，能够很方便的编辑代码，极大的节省了人力，缺点就是你不知道代码的运行原理。

文本编辑器就是用没有IDE使用那么方便，比较容易做重复劳作，但是文本编辑器能够玩的溜了，就是很厉害的了

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

加了viewport能够自适应，而不加则在某些条件下不能自适应。

8.git将代码上传值github

使用git-add-commit-push三连击就行了

9.配置nginx，在手机上查看页面

下载nginx，然后在手机上访问相同的ip地址，将自己的html页面放在nginx的html页面中，就可以访问了。

10.将代码部署至自己的服务器

使用xshell可视化工具，然后在阿里云服务器上面配置系统，将云服务器和本地的可视化工具使用SSH连接，就能够实现将代码部署在自己服务器上。

明天计划的事情：（一定要写非常细致的内容） 

完成CSS任务三
遇到的问题：（遇到什么困难，怎么解决的） 

使用viewport不能自适应，原因是因为meta的标签写错了

收获：（通过今天的学习，学到了什么知识）

了解了git上传文件，了解了CSS的vw单位，以及CSS的盒子模型的概念了解的更清晰了一点。