今天完成的事情：

深度思考

过了复盘评审

了解下微信文档
明天计划的事情：
遇到的问题：

无
收获：

Null  和undefined有特殊关系 比如 当一个定义一个 变量等余 null 那么 你通过typeof

Var a = null // object

而什么情况下会出现null那么 这个问题在于  它的意思 是指空指针， 有2种（我基本上遇到的）var a = 这里通过其他地方传递一个数据，当电脑执行这个数据的时候 而没有获取A 的值 也就是说 传递的数据 a 没接收到 那么就会出现 null 而还有一种就是你定义个对象 里面为空 那么也可能会打印出null。

Undefined  得出现 就是你声明了一个变量数据 而没有初始化赋值 那么它就是未定义。就是你没赋值数字类型 对象 或者字符串 等其他 数据类。 就会呈现出未定义。

Relative:  相对定位

主要是不脱离文档流布局， 受 top bottom  left right 属性影响，在文档流原来的位置会留空白区域。定位的起始位置为此元素原先在文档流的位置。

绝对定位

是脱离未文档流的，而当你上下移动的时候 它的遗留下的坑见由后面的元素填充。定位的起始位置为最近的父元素。否则的话 它会自己找父元素中的绝对定位 html，也如字面意思，它定位在那就不会移动了

固定定位

它的意思就是 固定在窗口任意位置，当你让浏览器上下移动的时候，它任然会在你窗口位置。

盒子模型的组成：

content网页内容、border边框、padding内边距、margin外边距

(1)边框border：

  border-color 边框颜色：如border-color:#369 #000 #111 #F00;按“上右下左顺时针”设置

  border-width 边框粗细：如细thin、中等medium、粗的thick

  border-style 边框样式：常用none无边框、dotted点线边框、dashed虚线边框、solid实线边框

  border 简写:如下边框border-bottom:9px red dashed;四条边框border:9px blue solid;

(2)margin外边距：盒子边框以外和其他盒子间的距离 

margin-top:上外边距、margin-bottom：下外边距

margin-left：左外边距、margin-right：右外边距

margin：简写"上右下左"

auto：设置盒子在它的父容器里居中显示。如margin:0px auto;让整个盒子居中。

如果将元素的 margin设为负值，则元素会变大。

(块元素可以把左右页边距设置为"自动"中心对齐。margin:auto;但前提宽度不能是100%)

注意：很多标签都有自身默认的外边距，所以一般用并集选择器统一设置这些标签的外边距为0px,这样不会产生不必要的空隙。

   如清除body和h2自带的外边距 body,h2{margin:0px;}

(3)padding内边距：

padding-left、padding-right、padding-top、padding-bottom、

padding"上右下左"

盒子模型的尺寸：

增加边框、内边距、外边距后不会影响内容区域的尺寸，但会增加盒子模型的总尺寸。

(1)内盒总尺寸 = border(上下/左右)+padding(上下/左右)+内容宽/高度

(2)整个盒子的宽度 = 内容宽度+左右padding+左右边框border+左右margin

box-sizing拯救布局

(语法)box-sizing:content-box、border-box、inherit

(1)content-box：盒子的宽度或高度=border+padding+(margin)+width/height

(2)border-box：盒子的宽或高度等于元素内容的宽或高度

(即 该内容宽/高度=盒子宽/高度-border-padding )

(3)inherit：使元素继承父元素的盒子模型模式。

border-radius圆角边框：语法和边框相似，只是四个边框带圆角

(语法)border-radius:length{1~4个数字};

(1)用border-radius制作特殊图形

圆形：元素的宽度和高度必须相同。圆角半径为元素宽度的一半，或直接设圆角半径为50%

半圆形：元素的高度是宽度的2倍，且圆角半径为元素的宽度值。

扇形：即制作四分之一圆形。"三同"元素宽度、高度、圆角半径 "一不同"

盒子阴影：和文本阴影相似

(语法)box-shadow:inset x-offset y-offset blur-radius color;

inset：内部阴影，可选。

x-offset：X轴水平位移，正值在右，负值在左。

y-offset：Y轴垂直位移，正值在下，负值在上。

blur-radius：模糊半径可选，只能>=0 值越大阴影向外面积越大,边缘越模糊。