CSS总结

41 阅读1分钟

一、BFC?

1、BFC是什么?

BFC是块级格式化上下文。

2、触发BFC条件:

  • (1)浮动元素(元素的float不是none)
  • (2)绝对定位元素(元素的position为absolute或fixed)
  • (3)行内块inline block元素
  • (4)overflow值不为visible的块元素
  • (5)弹性元素(display为flex或inline-flex元素的直接子元素)

3、BFC解决了什么问题?

  • 清楚浮动
  • 防止margin合并

二、如何实现垂直居中

  • 用table标签
  • div加入table属性
  • margin-top -50
  • flex布局

CSS选择器优先级

  • 内联 》id选择器 》class选择器 》通配符选择器
  • 选择器具体精度越高,其优先级也越高
  • 相同选择器,优先级后面的会把前面的选择器优先级覆盖
  • 属性后加!important的优先级最高