在计时器中 事件是由window调用的 所以要先固定this的指向 如先用 var that = this 形成闭包。
display：inline-block 的空格间隙问题四种解决办法 ：
1、父级元素font-size：0
2、删除空格
3、除去闭合标签 （系统会自动在下一个元素标签开始前添加一个闭合标签）
4、margin给负值
浮动元素（脱离了常规文档流转化为bfc）会自动忽略元素的display属性 并默认display为block
更具体的说效果变成了inline-block的效果
arbsolution：元素会脱离文档流，定位是相对于离它最近的且不是static定位的父元素而言，若该元素没有设置宽度，则宽度由元素里面的内容决定，且宽度不会影响父元素，定位为absolution后，原来的位置相当于是空的，下面的的元素会来占据。
relative：元素仍处于文档流中，定位是相对于原本自身的位置，若没有设置宽度，则宽度为父元素的宽度，该元素的大小会影响父元素的大小
在计时器事件调用时： 是window调用的 所以其内部的this指向的是window （一般用闭包解决：在计时器外部var that=this； 在内部使用that代替this
forin循环 会循环原型上自己设（添加）的属性 ，一般用if（obj.hasOwnProperty(prop)）判断一下
【1】根元素，即HTML元素
【2】float的值不为none
【3】overflow的值不为visible
【4】display的值为inline-block、table-cell、table-caption
【5】position的值为absolute或fixed
inline-block虽然具有盒子模型，但是margin：0 auto实现居中会失效，只有block才能这样居中。
float 最开始就是为了实现文字环绕效果的 最好是还加上word-break : break-all;英文字也可以环绕
（浮动流产生的效果）所有产生了浮动流的元素，块级元素看不到他们。
产生了bfc的元素和文本类属性（带有inline属性就是文本类属性）的元素以及文本都能看到浮动元素。
元素的垂直方向的百分比不是针对容器元素的高度，而是宽度
垂直方向居中方法：
position: absolute;
top: 50%;
transform: translateY(-50%);
display:flex;/*Flex布局*/
display: -webkit-flex; /* Safari */
align-items:center 垂直对齐
justify-content：content 水平对齐
innerHtml 可以直接删完所有子元素
remove() 自删除也很方便
removeChild（li）只能删除括号里一个 还是动态的 删完一个后第二个就变成了下一次的第一个了
offsetLeft和高度是相对于文档的坐标，如果父级有定位元素就是相对于父级的坐标