今天完成的：

        完成了任务一。

        因为之前学过一点html和css的基本知识，在做这个任务的时候基本没有遇到什么麻烦。就是在适配移动端的时候第一次知道了viewport。viewport通常来讲就是浏览器上用来显示网页的那部分区域，但因为分辨率的原因，移动设备上的viewport通常是要大于浏览器可视窗口的，这样就会产生横向的滚动条，带来不良好的体验，为此才需要对移动端进行适配。解决适配性问题的一个解决办法就是在head标签中添加一个meta标签：

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />

该meta标签的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放。

        之后进行Nginx的配置及试用。Nginx是用来模拟Web服务器对自己的网页进行调试的。在官网下载并运行之后，在浏览器地址栏输入localhost，之后页面会出现Welcome to nginx！即是安装成功了。之后进行配置的修改，以便我们进行测试。通过nginx/conf/nginx.conf找到配置文件并打开，然后在里面将URL指向自己放置代码的文件夹即可。之后便可通过 localhost/file.html 来访问自己写的页面了。

        之后又学到了几个用手机（模拟手机）查看自己写的网页的方法：

1.在手机电脑同处一个WiFi环境下的时候，查看自己电脑的ip：Win + R --> 输入 cmd 运行 --> 输入 ipconfig --> 然后Enter；在里面找到无线局域网适配器wlan中的ip地址；然后在手机浏览器中输入 ip地址/index.html（自己的文件） 就可以看到自己写的页面了。

2.代码上传至服务器，直接用ip地址访问。（这个我还没试过，之后应该是要租个服务器来着，然后试一下。）

3.Chrome浏览器开发者工具（F12）里面左上角有个模拟移动端的功能，可以用来模拟查看效果。

        了解了一下Git。

        在安装好之后首先需要进行仓库的初始化（新建一个文件夹用来作为仓库），然后 启动Git.Bash --> 输入 cd E:（E:为仓库所在盘） --> 输入 cd testgit（testgit为我的仓库所在文件夹） --> 输入 git init --> 完成！ 之后文件夹内会出现一个.git的文件夹，用来存放仓库数据，最好别手动乱改里面的东西。

        然后，简单介绍下我所学到的一些操作：

添加文件：git add file（要添加的文件） --> git commit -m"注释"（注释必须写，最好简单明了一眼能知道是什么改了什么，很重要）

查看不同：（在修改完后  add之前）git diff

查看状态：git status

回退版本：git reset --hard HEAD^  (一个^表示上一个版本，多个的话HEAD~10，回退10个版本）

查看修改日志：git log

查看修改日志的简写版（单行版，一堆16进制数和注释）：git log --pretty=oneline

回到指定版本：git reset --hard xxxxxx（版本号前几位，版本号就是那一堆十六进制数）

查看历史指令：git reflog （有版本号，操作，和注释）

撤销修改：get checkout -- file （撤回到上一次 git add 状态或 git commit 状态）；如果已经add到了暂存区但没有提交，则用命令 git reset HEAD file 把暂存区的修改撤销掉，重新放回工作区。

删除文件：rm file --> 确定要删 git rm file -->git commit -m"xx注释xx"

                            --> 误删要还原 git checkout -- file

Tip：若file已经被提交到了版本库，那么永远不用担心误删，通过查看日志，然后reset就可以恢复；但是只能恢复文件到最新版本，会丢失提交之后修改的内容。

tips：

        HEAD表示被提交的最新的版本；

        运作顺序：工作区 add --> 暂存区 commit --> master分支

        管理修改： add 和 commit 需要连续操作才能将单次修改进行提交；若第一次修改add之后再在工作区对文件进行修改，之后commit，只会将第一次修改进行提交；之后再 add --> commit 就会将第二次修改提交。

明天计划的：

继续学习Git版本控制系统，开始任务二的学习，学习使用服务器。

遇到的问题：

1.为自适应窗口，将格子宽高设置为百分比时高度显示不正常。

解决办法：竖向的内外边距设置为百分比时，依据的是父元素的宽度；因此将格子的上内边距设置为跟该格子宽度一样就会呈现为正方形。

2.将格子浮动之后，父子元素出现高度塌陷；格子不能撑起父元素的高度。

解决办法：为父元素添加after伪类，向里面添加一个空元素，设置为块元素，然后清除浮动。

3.还有一个疑问：

在九宫格任务中，通过百分比设置完格子的宽高之后，九宫格便实现了随窗口变大变小（自适应）。

那添加<meta name="viewport" content="width=device-width,initial-scale=1.0"又有什么用呢？

收获：

学到了移动设配的适配，viewport的使用。

Git分布式管理系统的一些操作方法。