分享记录前端知识

视觉格式化模型 常规流 所有元素默认情况下都属于常规流(文档流，普通文档流，常规文档流)布局 总体规则：块盒独占一行，行盒水平依次排列。 包含块 每个盒子都有它的包含块，包含块决定了盒子的排列区域 绝大部分情况下，盒子的包含块为其父元素的内容盒 块盒 1. 每个块盒的总宽度必须刚好等于包含块的宽度，宽度的默认值为auto margin的默认值为0，取值也可以是auto(将剩余空间吸收) width的吸收能力强于margin 若宽度，边框，内边距，外边距计算后仍有剩余空间，该剩余空间被margin-rig

标签的基本分类（归类） 1）行级元素，也叫内联元素 inline 特点： a 内容决定元素所占位置 b 不可以通过css改变宽高 例如 span,strong,em,a,del等 行级元素自带隐藏属性display:inline; 可以通过改成block变为块级元素 2）块级元素 block 特点： a 独占一行 b可以通过css改变宽高 例如 div,p,ul,li,ol,form,address等 3）行级块元素 inline-block 特点： a 内容决定...

属性值的计算过程 浏览器渲染网页： 一个个元素依次渲染，且按照页面文档的树形结构顺序进行渲染。前提条件要求该元素的所有css属性都必须有值。 而一个元素从没有属性值到每个属性都有值得计算过程叫做"属性值得计算过程" 此过程一共有以下四个步骤： 确定声明值：参考样式表中没有冲突的声明，作为css属性值 层叠冲突：对样式表有冲突的声明使用层叠规则，确定css属性值（依次比较重要性，特殊性和源次序） 使用继承：对仍然没有值的属性，若可以继承，则继承父元素的值 使用默认值：对仍然没有值的属性，使用

CSS权重总结： 标签值 权重值 ！important infinity 正无穷 行间样式 1000 id选择器 100 class选择器，属性选择器，伪类选择器 10 标签选择器，伪元素选择器 1 通配符选择器 0 写在同一行的选择器，权重值相加，哪个权重值大就显示哪个。 当权重值一样时，显示后面的（后来先到）。 在计算机中，正无穷+1>正无穷。 在权重中是256进制，从0-255后进一，所以表格中的1000并不是一千，100也不是一百。 ...

块级格式化上下文 全称Block Formatting Context，简称BFC 它是一块独立的渲染区域，它规定了在该区域中，常规流块盒的布局 BFC渲染区域： 这个区域由某个HTML元素创建，以下元素会在其内部创建BFC区域： 根元素 浮动和绝对定位元素 overflow值不等于默认值(visible)的块盒 不同的BFC区域，它们进行渲染时互不干扰 创建BFC的元素，隔绝了它内部和外部的联系，内部的渲染不会影响外部 具体规则： ...