CSS 工程化是指将 软件工程的思想和方法 应用于 CSS 开发中，以解决传统 CSS 开发中存在的维护困难、命名冲突、复用性差、性能问题和团队协作障碍等痛点。 其核心目标是提升 CSS 代码的 可维护...

z-index 是 CSS 中用于控制元素堆叠顺序（stacking order）的重要属性，数值越大，元素越“靠前”。但 z-index 并非在所有情况下都生效。以下是 z-index 失效的常见场景及其原理，适合在面试中...

面试题：CSS3 中的 transform 有哪些属性？ transform 是 CSS3 中用于对元素进行变形的强大属性，它可以在不改变文档流的情况下，对元素进行平移、旋转、缩放、倾斜等操作，广泛应用于动画、交...

面试题：常见的 CSS 布局单位有哪些？ CSS 提供了丰富的长度和布局单位，用于控制元素的尺寸、间距、字体等。根据使用场景，这些单位可分为 绝对单位 和 相对单位 两大类。掌握它们的特性有助于...

面试题：说说 px、em、rem 的区别及使用场景 px、em、rem 是 CSS 中常用的长度单位，它们在参考基准、继承行为和响应式能力上有显著区别。理解它们的差异对于构建可维护、可访问、响应式的网页...

两栏布局是前端开发中最基础且常见的布局模式，通常分为两种形式： 一栏固定，一栏自适应 两栏等宽或按比例分配 以下是 多种实现方式，从传统到现代，全面覆盖，适合在面试中展示技术深度。 一...

三栏布局是前端开发中常见的经典布局模式，通常指左右两栏固定宽度，中间一栏自适应（圣杯布局或双飞翼布局）。以下是多种实现方式，从传统到现代，全面覆盖。 一、什么是三栏布局？ 左侧栏：固...

元素的水平垂直居中是前端开发中最常见的布局需求之一。根据元素类型（块级、行内、未知尺寸、绝对定位等）和使用的技术，有多种实现方式。以下是 全面、清晰、结构化 的回答，适合在面试中展示...

移动端适配的核心目标是：让网页在不同尺寸和分辨率的移动设备上，都能呈现出与设计稿一致的视觉效果和用户体验。 以下是根据设计稿进行移动端适配的完整流程和常用方案： 一、准备工作：了解设...

一、对 Flex 布局的理解 Flexbox（Flexible Box Layout），即 弹性盒子布局，是 CSS3 提供的一种一维布局模型，专门用于在容器和子元素之间高效地分配空间，即使子元素尺寸未知或动态变化，也能...