CSS部分

选择器权重或样式表优先级

!important最大 行内式1000 id选择器 100 类与伪类 10 元素与伪元素 1 通配符选择器 继承的权重最小 关系选择器权重是选择器权重和 并集交集为选择器自身 当权重相同时就近原则，若都存在!important看权重

继承性

 文字，文本相关，列表布局，表格布局，光标，visibility会被继承，与盒子相关不会被继承 

盒子模型

盒子模型有五个属性 margin 外边距 border边框 padding 内边距 width宽 height高 （content）

怪异盒子模型 width，height 指的是content+ boder+ padding

标准文档流

文本  自动换行 空白折叠 底边对齐

 white-space：nowrap 不会自动换行

　　　　　　　　　　　　pre 不会自动换行 不会空白折叠

                                           ptr-wrap 不会空白折叠　

基线对齐：

块元素 独占一行 可以设置宽高  不设置宽高 默认宽度为父元素宽度

行内元素 挤在一行 不能设置宽高，宽高由内容撑开 上下内外边距无效，左右有效

行内块元素 结合块与行内 可以设置宽高  挤在一行

BFC IFC

BFC 块级格式化上下文

1盒子在垂直方向排列

2.高度由margin决定，相邻两个盒子margin会重叠

3.子盒子紧贴父盒子左侧，不受浮动影响

4.不会与浮动盒子重叠

5.BFC内部元素不会影响外部元素

6.计算高度，浮动元素也参与计算

默认根元素 设置浮动 设置定位absolute fixed overflow display 为行内块 块 table-cell 

IFC内联格式化上下文

IFC的line box（线框）高度由其包含行内元素中最高的实际高度计算而来（不受到竖直方向的padding/margin影响)

IFC的line box 左右紧贴IFC，但受浮动影响使line box宽度缩短

同一个IFC下line box高度不同

4.插入块元素会切割成两个IFC与块元素呈垂直排列

display inline和inline-block

浮动

　　有点类似于行内块元素

　　按照浮动方向挤在一行，上下左右内外边距都生效，可以设置宽高，没有宽高由内容撑开‘　　

　　，后一个元素紧贴前一个显示， 浮动元素总宽度超过父元素宽度会自动换行，浮动元素脱离正常的文档流，不占据空间，导致下面元素上来，父元素没有高度，造成高度塌陷，需要清除浮动

　清除浮动

   父元素 高度 overflow hidden 内部clear： both 外部 clear： both  after伪元素content:'' display:block  clear:both 顶一个通用类clearfi