今天完成的事情：

学习git和github知识

配置nginx

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

告诉浏览器使用哪一种规范解析,后面可以跟XHTML的版本等等，涉及到浏览器解析Quirks模式和Standards模式，这部分不是很懂试验了一下也没切换成功，以后有用到在看。

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

对一个元素设置宽度和高度元素内容就是content，他的四周有一圈padding层，接下来是边框border层，最外面的是margin，该层是透明的，IE6之前padding和border是包含在content中的，IE6之后是在content之外的。

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

    inline行内元素:

<a></a> <abbr></abbr> <em></em> <strong></strong> <span></span> <br> <img> <script></script>  <label></label>

特点：1.从做到右流动布局；2.元素的高度和宽度以及顶部底部边距不可设置；3.元素的高度就是它自身的建议行高；4.内联元素可以通过display:block;转换块级元素

    block块级元素:

<div></div> <address></address > <article></article> <audio></audio> <canvas></canvas> <dd></dd> <footer></footer> <form></form> <hr> <header></header>

<h1>-<h6> <ol></ol> <p></p> <section></section> <table></table> <ul></ul> <video></video>

特点：1.每个块级元素都从新的一行开始，并且其后的元素也从另一行其实；2.元素的高度、宽度、行高以及顶部底部边距都可以设置；3.元素宽度在不设置的情况下=100%父容器宽度；4.块级元素可以用过display:inline;转换行内元素

    inline-block 行内块级元素:

<botton></botton> <input> <textarea></textarea>

特点：1.和其他元素都在一行上，左右布局；2.元素的高度、宽度行高以及顶部底部边距可以设置；3.相当于添加了float:left;

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

没啥好说的 F12后可以切换手机模式和页面模式，可以调分辨率

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

使用float:left;，最简单宽度凑到100vw即可；使用display:inline-block;，虽说这个命令=float:left;但是相同的参数下只能一行2个，一行不能撑满3个。可能原因是body设置了margin。float可能会有高度塌陷问题，没有去试验。

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

IDE是Integrated Development Environment的缩写,意思是集成开发环境。他集成了许多专业的开发功能，webstorm就属于IDE。而vscode就属于编辑器，他并没有集成专业的开发功能，但是可以通过安装社区插件来使编辑器带有一些开发的功能。IDE比较具有专业性，通常一种IDE对应一种开发语言，而编辑器通常是可以用来编写任何语言。

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

meta标签中name="viewport"的标签可以使在移动设备时网页显示的layout viewport的宽度=移动设备屏幕idea viewport的宽度。不加的话会导致在移动设备中进行缩放时css中的px值得变化导致失去原来的样式。

明天计划的事情：

看情况
遇到的问题：

git问题
收获：

学习了git方面的知识：

1.初始化本地仓库  git init

2.生成sshkey  ssh-keygen -t -rsa -f ~/.ssh/id_rsa -C "xxxx@xxxx.com"

-t 指定密钥类型 默认rsa

-f 指定文件储存名

-C 设置注释文字 一般是远程库的注册邮箱

3.测试远程库sshkey连接 ssh -T git@github.com

4.关联远程库 git remote add origin git@github.com:xxxxx/xxxx.git

origin是给远程库取得自定义名称  一般使用origin

5.拉取远程分支 (使用开发分支)  git fetch origin dev

6.本地新建开发分支并切换到远程开发分支  git branch -b dev origin/dev

7.拉取远程分支 git pull origin dev

8.推送到远程分支 git push origin dev

9.其中7和8省略了远程分支名称因为本地和远程用了相同的名称，两者存在追踪关系 

完整命令应该是  git pull/push orgin(远程仓库昵称) dev(本地分支昵称):dev(远程分支昵称)

10.省略本地分支可以删除远程分支  git push origin :dev

11.远程同步代码的时这里使用了fetch，还有一个命令是clone。

他们2者的区别是fetch是拉取最后更新的版本，而clone是拉取所有历史版本

除了上面操作仓库的命令，还有一些常规命令

12.向暂存区添加文件  git add filename  添加多个文件，文件名之间用空格隔开

13.存入本地仓库 git commit -m "xxxx" -m后的内容是本次提交的描述

14.查看仓库状态信息 git status

15.切换分支 git branch dev  dev是分支昵称

16.查看版本历史信息 git log

17.回退版本 git reset --hard HEAD^    

HEAD代表log中当前的版本 加一个^代表该版本之上 ^^代表上上一个，太多了可以使用HEAD~100

或者直接使用commit版本号 git reset --hard 123ab (这里只需要输入前几位就OK了)

以上是自己试验下来的总结，如有什么不对之处希望师兄可以指点一下。