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

1. 空白折叠现象：

  无论多少个空格、换行、tab，都会折叠为一个空格。比如，如果我们想让img标签之间没有空隙，必须紧密连接。

2. 行内元素和块级元素的相互转换:

  我们可以通过display属性将块级元素和行内元素进行相互转换。display即“显示模式”。

3. 块级元素可以转换为行内元素：

  给一个块级元素设置：display: inline;那么这个标签将立即变为行内元素，inline是“行内”的意思。

4. 行内元素转换为块级元素：

  给一个行内元素设置：display: block;那么这个标签将立即变为块级元素，block是“块”的意思。

5. Float的属性值：left(元素向左浮动)；right(元素向右浮动)；none(默认值)；inherit(规定应该从父元素继承float属性的值)

6. 如果一个元素要浮动，那么它的祖先元素一定要有高度。

 有高度的盒子，才能关住浮动。

7. CSS的定位属性有三种，分别是:绝对定位（position: absolute;）、相对定位（position: relative;）、固定定位（position: fixed;）

8. 相对定位的定位值： 

                                         left：盒子右移

                                         right：盒子左移

            top：盒子下移

           bottom：盒子上移

      Ø   负数表示相反的方向。

9. 绝对定位之后，标签就不区分所谓的行内元素、块级元素了，不需要display:block就可以设置宽、高了。

10. 绝对定位的参考点

              (1) 如果用top描述，那么参考点就是页面的左上角，而不是浏览器的左上角。

              (2) 如果用bottom描述，那么参考点就是浏览器首屏窗口尺寸，对应的页面的左下角

11.以盒子为参考点：

一个绝对定位的元素，如果父辈元素中也出现了已定位（无论是绝对定位、相对定位，还是固定定位）的元素，那么将以父辈这个元素，为参考点。

12. 固定定位：

    就是相对浏览器窗口进行定位。无论页面如何滚动，这个盒子显示的位置不变。

13. Z-index属性：

（1）属性值大的位于上层，属性值小的位于下层。

（2）z-index值没有单位，就是一个正整数。默认的z-index值是0。

（3）如果大家都没有z-index值，或者z-index值一样，那么在HTML代码里写在后面，谁就在上面能压住别人。定位了的元素，永远能够压住没有定位的元素。

（4）只有定位了的元素，才能有z-index值。也就是说，不管相对定位、绝对定位、固定定位，都可以使用z-index值。而浮动的元素不能用。

14.层级：

    （1）必须有定位（除去static）

 （2）用z-index来控制层级数。

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

1.了解git

2.了解viewport

3.继续加强对基本知识的巩固

遇到的问题：（遇到什么困难，怎么解决的） 

1.盒子的排版出现差错

2.不会安装git
收获：（通过今天的学习，学到了什么知识）

同完成事件