MOC-CSS 相关问题
基于知识库笔记整理的 CSS 面试题汇总，按模块分类
基础概念
布局
| 示例题目 | 关联笔记 |
|---|---|
| Flexbox 和 Grid 有什么区别？ | Flexbox, CSS Grid |
| 如何实现垂直居中？ | 如何实现垂直居中？ |
| BFC 是什么？如何创建？有什么应用场景？ | BFC |
| 清除浮动有哪些方法？ | BFC 应用 |
| 什么是外边距折叠？如何解决？ | BFC |
| position 的值有哪些？区别是什么？ | CSS定位 |
渲染与性能
| 示例题目 | 关联笔记 |
|---|---|
| 什么是重绘和回流？如何优化？ | 重绘与回流 |
| CSS 性能优化的方法有哪些？ | 性能优化 |
content-visibility 属性有什么作用？ | 性能优化 |
| CSS 动画和 JS 动画有什么区别？ | CSS动画 |
响应式
| 示例题目 | 关联笔记 |
|---|---|
| 媒体查询有哪些类型？ | 媒体查询 |
| 移动端 1px 问题如何解决？ | 响应式布局 |
| rem、em、px 的区别？ | 响应式布局 |
| 容器查询是什么？ | 容器查询 |
工程化
| 示例题目 | 关联笔记 |
|---|---|
| Sass/Less 和 CSS 有什么区别？ | Sass |
| BEM 命名规范是什么？ | BEM |
| CSS Modules 和 CSS-in-JS 有什么区别？ | CSS Modules |
| Tailwind CSS 的优缺点？ | Tailwind CSS |