今天完成的事情：

准备进行复盘，然后发现以前很多的知识不怎么懂，基础知识不够扎实，说不出来绝对定位的知识，雪碧图，浮动的概念跟定义，还有弹性盒子的一些属性，伪类的特点用处，

明天计划的事情：

看一下项目的流程，熟悉开发项目的流程

收获：

定位：

1、相对定位（relative）：生成相对定位元素，保留原来的文档流，相对其正常位置定位。可通过z-index来决定层级；

2、绝对定位（）：生成绝对定位元素，脱离文档流，相对于包含框进行定位；

3、fixed：脱离文档流，并且不占用空间，相对于页面窗口是固定的，页面进行滚动也不会发生移动；

4、static：正常定位，遵循html的定位规则；

雪碧图：是通过多个小图标放进一张背景透明的图片来，根据background-position和background-size进行显示的可以减少http请求，打开网页的速度会加快，但是维护性差，不易添加新的图标进去；

浮动：生成浮动元素，会向左或者向右移动，直到碰到另一包含框或浮动框才会停止下来；

伪元素:

after:":after" 伪元素可以在元素的内容之后插入新内容。

before:before" 伪元素可以在元素的内容前面插入新内容。

盒子模型：css假定所有的html元素都生成一个在html文档布局中所占空间的的矩形元素框；所有的html元素都可以看做是盒子；

有四个属性：margin、padding、content、border；

计算的宽度是：padding-left+padding-right+content+border-left+border-right；

半透明：opacity，0-1代表透明度，当完全透明的时候，虽然看不到了，但是还是存在html文档中的，rgba（r，g，b，value），这个只能对颜色进行使用

伪类：添加一些选择器的特殊效果，在任务中经常用到：hover，鼠标悬停产生效果；

遇到问题：

发现不能很好解释js作用域与执行环境的关系：

执行环境：定义函数和所有变量有权访问其他数据，并决定他们的行为；

作用域：

每一个代码都有一个执行环境；当执行流进入函数时，函数的执行环境就会被推入环境栈中。而在函数执行完之后，就会被弹出；

作用域链；是保证有权访问执行环境中函数和所有变量的有序访问；

关系：

当代码在一个环境执行的时候，会创建变量对象的的一个作用域链；