2025年最新的前端面试题题目及其答案解析(万字长文持续更新....)

在2025年，前端面试中常见的CSS题目及其答案解析如下：

css部分

1. 什么是BFC（块级格式化上下文）？

BFC是一个独立的渲染区域，内部的元素不会影响外部的元素。创建BFC的方式包括：

• 设置float属性为非none
• 设置position属性为absolute或fixed
• 设置overflow属性为非visible
• 设置display属性为inline-block、flex或inline-flex以外的值

BFC的特性：

• 内部的盒子在垂直方向上一个接一个地排列。
• 相邻的盒子之间的margin会重叠。
• BFC的区域不会与浮动区域的盒子重叠。

2. CSS优先级算法如何计算？

CSS的优先级由以下四部分组成：

• 内联样式（style属性）得分1
• ID选择器得分100
• 类选择器、属性选择器和伪类得分10
• 标签选择器和伪元素得分1

例如，选择器.class1 #id1的优先级为110（10 + 100），而div的优先级为1。相同优先级的情况下，后定义的样式会生效