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.左边仅靠容器左边

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

4.上下margin会发生重叠

5.不会与float重叠

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

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

IFC内联格式化上下文

1.挤在一行

2.宽高无效

3.上下margin不占据空间

4.浮动会缩短IFC区域，插入块元素会切割成两个IFC与块元素垂直排列

display inline和inline-block

浮动

　　有点类似于行内块元素

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

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

　清除浮动

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