CSS高频面试真题统计

通过对网上公开的CSS面试题进行处理和分析，统计出了常见的面试真题出现的年份、公司、出现概率等信息。帮助大家求职复习的时候，更有针对性。

由于篇幅所限，这里仅列出前15题，答案和更多题目，可以看 八股精 网站

1. CSS盒模型是什么？包含哪些部分？

出现年份：2025,2024,2023,2022 | 出现概率：11.17% | 公司：中软国际, 智谱华章, 字节跳动 等57家公司

2. 介绍下 BFC 及其应用

出现年份：2025,2024,2023,2022 | 出现概率：7.56% | 公司：某快消服装头部万人厂, 智谱华章, 字节跳动 等42家公司

3. CSS中的position属性有哪些值？它们的作用是什么？

出现年份：2024,2023,2022 | 出现概率：7.42% | 公司：数字马力, 美团, 猫眼娱乐 等44家公司

4. 对BFC规范(块级格式化上下文：block formatting context)的理解？

出现年份：2025,2024,2023,2022 | 出现概率：1.66% | 公司：某快消服装头部万人厂, 网易, 中科智能计算研究所 等15家公司

5. 讲述一下伪类和伪元素的区别。

出现年份：2024,2023,2022 | 出现概率：1.53% | 公司：趣链科技, 小药药, 小米 等12家公司

6. 简述标准盒子模型和怪异盒模型

出现年份：2024,2023,2022 | 出现概率：1.32% | 公司：小红书, 比心, 小米 等10家公司

7. 简述BFC的定义、触发方式以及作用

出现年份：2024,2023,2022 | 出现概率：1.11% | 公司：58同城, 小米, 滴滴 等8家公司

8. 请解释伪类、伪元素，以及 has() 和 is() 的用法

出现年份：2024,2023,2022 | 出现概率：0.97% | 公司：Shopee虾皮, 滴滴, 猿辅导 等7家公司

9. transition和animation的区别

出现年份：2025,2024,2023,2022 | 出现概率：0.76% | 公司：高顿教育, 滴滴, 携程 等6家公司

10. 请解释 CSS 盒模型，如何切换盒模型，当父 div 设置 width=100% 时，在标准盒模型和怪异盒模型下宽度由什么决定

出现年份：2024,2023,2022 | 出现概率：0.62% | 公司：懂车帝, B站, 趣链科技 等5家公司

11. 请解释BFC（Block Formatting Context）并给出几个触发BFC的例子。

出现年份：2024,2023,2022 | 出现概率：0.55% | 公司：美团, 深信服, 携程 等4家公司

12. CSS中可继承与不可继承属性有哪些

出现年份：2024,2023,2022 | 出现概率：0.55% | 公司：建信金融科技, 牧原集团, 小米 等4家公司

13. 如何用 CSS 实现一个三角形

出现年份：2023,2022 | 出现概率：0.55% | 公司：深信服, 网易有道, 货拉拉 等4家公司

14. 请阐述CSS盒模型、设置不同盒模型的方法以及display: block和display: inline的区别

出现年份：2025,2024,2022 | 出现概率：0.49% | 公司：米哈游, 4399, 阿里巴巴 等3家公司

15. 请阐述 CSS 的怪异盒模型和标准盒模型的区别

出现年份：2024,2023,2022 | 出现概率：0.49% | 公司：腾讯, 好未来, 大智慧 等2家公司