今天完成的事情：

深入学习层模型的三种形式：

1、绝对定位(position: absolute)，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。

2、相对定位(position: relative)，需要设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留不动。

3、固定定位(position: fixed)，fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小

盒模型代码简写，根据盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左的规定设定的三种缩写方法

四个方向相同：10px；

上下、左右相同：上下、左右（px）；

只有左右相同：上、左右、下（px）；

4、学习关于水平居中设置

行内元素：text-align:center;

块状元素——定宽块状元素：margin:auto;

块状元素——不定宽块状元素：

1. 加入table标签：利用table的长度自适应性，将其当成一个定宽块状元素

2. 设置 display:inline：将元素的属性从块状元素改变为行内元素，优势=无需增加无语义标签，劣势

3. 设置position:relative和left:50%：通过给父元素设置 flaot，然后给父元素设置 position:relative和 left:50%，子元素设置 position:relative 和 left: -50% 来实现水平居中

5、剩余大部分时间都在学习任务2相关内容，主要是Git的学习，包括如何创建版本库、git clone、git checkout、git status、git add、git commit、git log，以下为一些相关操作，这其中不知道多少次出现错误，不断去查找原因，更正，说多了都是泪，浪费好多时间，基本都在这上面了，后面的服务器、SVN什么的感觉也好难啊

明天计划的事情：

下载安装Xshell，学习远程连接服务器并进行操作，会使用svn拉代码、更新代码

遇到的问题：

git 过程中出现很多错误提示，导致无法上传，最终通过搜索答案解决

收获：加深对层模型的三种形式的理解，水平居中设置，Git如何使用