排序
面试题：有哪些 CSS 选择器？请分别介绍
CSS 选择器是用于“选中”HTML元素并为其应用样式的模式。掌握各种选择器是精准控制页面样式的前提。以下是 CSS 中主要的选择器类型及其详细介绍。 一、基础选择器 1. 元素选择器（Type Selecto...
9个月前面试题：flex-shrink 和 flex-grow 的默认值是多少？作用是什么？
这是一个深入考察 CSS Flexbox 布局核心机制的面试题。理解 flex-grow 和 flex-shrink 的默认值及其作用，是掌握弹性布局的关键。 默认值 flex-grow 的默认值是 0。 flex-shrink 的默认值是 1。...
9个月前面试题：怎么实现网页三栏布局？
三栏布局是前端开发中常见的经典布局模式，通常指左右两栏固定宽度，中间一栏自适应（圣杯布局或双飞翼布局）。以下是多种实现方式，从传统到现代，全面覆盖。 一、什么是三栏布局？ 左侧栏：固...
9个月前面试题：::before 和 :after 的双冒号和单冒号有什么区别？
在CSS中，::before 和 ::after 伪元素的双冒号（::）和单冒号（:）在功能上没有区别，它们的作用完全相同。 两者之间的区别主要在于语法规范的演进和浏览器兼容性： CSS3 规范的区分： 在 CSS3 ...
9个月前面试题：说说你对 Flex 布局的理解及其使用场景
一、对 Flex 布局的理解 Flexbox（Flexible Box Layout），即 弹性盒子布局，是 CSS3 提供的一种一维布局模型，专门用于在容器和子元素之间高效地分配空间，即使子元素尺寸未知或动态变化，也能...
9个月前面试题：如果在伪元素中不写 content 会发生什么？
这是一个考察对 CSS 伪元素 (::before 和 ::after) 基础规则理解的面试题。 核心答案 如果在 ::before 或 ::after 伪元素中不写 content 属性，或者将 content 设置为 none，那么该伪元素将： ...
9个月前面试题：说说你对 BFC 的理解，如何创建 BFC？
你对 BFC 的理解，以及如何创建 BFC？ BFC（Block Formatting Context），即 块级格式化上下文，是 CSS 渲染中一个重要的概念。它是页面中的一块独立的渲染区域，规定了内部块级元素如何布局，...
9个月前面试题：z-index 属性在什么情况下会失效？
z-index 是 CSS 中用于控制元素堆叠顺序（stacking order）的重要属性，数值越大，元素越“靠前”。但 z-index 并非在所有情况下都生效。以下是 z-index 失效的常见场景及其原理，适合在面试中...
9个月前面试题：CSS 的 position 有哪些属性值，区别是什么？
position 是 CSS 中控制元素定位的核心属性，它决定了元素如何在页面中放置。共有 5 个标准属性值，每个都有独特的定位行为。 1. static (默认值) 行为： 元素按照正常的文档流（Normal Documen...
9个月前面试题：如何在浏览器可视区域画一个最大的正方形？
这是一个考察对 CSS 布局、视口单位和响应式设计理解的面试题。 目标是创建一个在任何屏幕尺寸下都尽可能大，且保持为正方形，并完全位于可视区域内的元素。 核心思路 要画一个“最大”的正方形...
9个月前
