【面试】css

css选择器的优先级

内联 > ID > 类 > 标签

em\px\rem区别

CSS有几种定位方式

• static
• relative
• absolute
• fixed
• sticky

BFC

是什么？
书面解释：BFC(Block Formatting Context)这几个英文拆解

Block: Block在这里可以理解为Block-level Box,指的是块级盒子的标准

Formatting context：块级上下文格式化，它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用

BFC是指一个独立的渲染区域，只有Block-level Box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干.

它的作用是在一块独立的区域，让处于BFC内部的元素与外部的元素互相隔离.

如何形成？
BFC触发条件:

• position: fixed/absolute
• float 不为none
• overflow不为visible
• display的值为inline-block、table-cell、table-caption
  作用是什么？
• 防止margin发生重叠（属于同一个BFC的两个相邻块级子元素的上下margin会发生重叠，(设置writing-mode:tb-rl时，水平margin会发生重叠)。所以当两个相邻块级子元素分属于不同的BFC时可以阻止margin重叠）
• 两栏布局，防止文字环绕等
• 防止元素塌陷（触发BFC，BFC的高度计算会包含浮动元素）

BFC深入理解