css有三大特性
1 继承性: 子元素会继承父元素一些属性: 文字相关会继承 , 宽度继承, 其他的不继承, 高度不继承
2 层叠性: 后渲染的元素会覆盖掉先渲染的 (权重相同)
3 权重性:
!important > 行内样式 > id选择器 >类选择器 > 标签选择器 >通配符 > 继承
权重计算: 数位不能进制 , 级别之间不可超越
权重计算表:
继承 通配 : 0 0 0 0
标签 : 0 0 0 1
类 : 0 0 1 0
ID : 0 1 0 0
行内 : 1 0 0 0
产生bfc : 块状格式上下文 , 盒子内部与外部隔离
1 ovflow: 取值不为 visible
2 脱标元素可以产生
3 行内块 或者 display: table
bfc 解决问题:
1 清浮动
2 解决外边距塌陷