js、css 、html平时的一些小笔记

在计时器中 事件是由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和高度是相对于文档的坐标，如果父级有定位元素就是相对于父级的坐标