笔记

div:nth-child(0){ 不是从0开始 是从1开始
height:100px;
border: 1px solid #000;
}

浮动的属性虽然方便使用，但是在使用这种属性时，也存在着一种弊端，那就是当子元素设置了float属性之后，且父元素的高度和

宽度没有进行设置，而是由子元素支撑起来，则会导致父元素的高度塌陷(原本的height后来被置为0)

伪元素 清楚浮动 是 ：：after 不能用before 因为清除浮动需要在浮动元素后面，所以不可以使用 :before

清除浮动主要有两种方式，分别是clear清除浮动和BFC清除浮动

诶？给第三个元素加上clear:both之后，第三个元素的左右都没有挨着浮动元素，但是为什么高度还是坍塌了呢？机智的你可能发

现了，由于第三个元素是浮动元素，脱离了文档流，就算给第三个元素上下加了清除空间，也是没有任何意义的。
不要在浮动元素上清除浮动

上下两个div 如果 上面的设置为绝对定位后 下面的会钻到 上面的底下 ，如果两个都设置了 绝对定位，那么下面的会覆盖上

面的

relative 是相对与自己原来的位置来定位

可以把 BFC 理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外部。

z-index 一定要配合 定位使用 才能生效，z-index：-99；

float设计的初衷就是为了实现图片文字环绕效果

浮动元素产生浮动流
所有产生了浮动流的元素，只有块级元素看不到他们
产生了bfc的元素和文本类属性（带有inline属性）的元素以及文本都能看到浮动元素，所以不会覆盖

文字可以环绕 而且 英文单词也可以环绕 但是记住 aaaaaaaaaaaaaa 不能环绕 应为这是捣乱
垂直方向的margin 父子会结合到一起 bfc 会解决margin 塌陷 bfc 要设置在父级上面

bfc：
1.position:absolute
2.overflow:hidden
3 display:inline-block
4 float:left;

兄弟div 也会出现margin 塌陷 这个bug 不解决

三大模型：
盒模型 层模型 浮动模型

.boxKaTeX parse error: Expected '}', got 'EOF' at end of input: *5{} 按tab键

块级元素看不到 浮动元素和绝对定位元素 会串到浮动元素的底下 而如果邻居不是块级元素 会挨住它 元素浮动后将自动转为

行内块元素

利用伪元素可以清楚 浮动 浮动元素只能浮动至两侧
clear: left, clear: right, clear: both or clear: none”

offsetLeft 获取的只能是整数

console.log(Math.floor(-8.3)) 结果是 -9

当事件发生后，这个事件就要开始传播(从里到外或者从外向里)。为什么要传播呢？因为事件源本身（可能）并没有处理事件的能

力，即处理事件的函数（方法）并未绑定在该事件源上。例如我们点击一个按钮时，就会产生一个click事件，但这个按钮本身可能

不能处理这个事件，事件必须从这个按钮传播出去，从而到达能够处理这个事件的代码中（例如我们给按钮的onclick属性赋一个函

数的名字，就是让这个函数去处理该按钮的click事件），或者按钮的父级绑定有事件函数，当该点击事件发生在按钮上，按钮本身

并无处理事件函数，则传播到父级去处理。

div 如果变成定位元素 不会变成 行级块元素 而是 变成 浮动元素后 会 变成 行级块元素

alt 加 backspace

首先选中一个class,接着按Ctrl+Shift+L就可以选中对应的所有class了,然后可以全部编辑和替换了

Math.abs(-1); //1