排序
面试题：怎么实现网页三栏布局？
三栏布局是前端开发中常见的经典布局模式，通常指左右两栏固定宽度，中间一栏自适应（圣杯布局或双飞翼布局）。以下是多种实现方式，从传统到现代，全面覆盖。 一、什么是三栏布局？ 左侧栏：固...
2个月前面试题：有哪些默认 display: block 元素和 display: inline 元素？你还知道哪些 display 取值？
这是一个考察 HTML 元素默认行为和 CSS display 属性知识的面试题。回答时需要清晰分类，并展示对现代布局的理解。 一、默认 display: block 的元素 这类元素在页面中独占一行，会从新行开始，...
2个月前面试题：::before 和 :after 的双冒号和单冒号有什么区别？
在CSS中，::before 和 ::after 伪元素的双冒号（::）和单冒号（:）在功能上没有区别，它们的作用完全相同。 两者之间的区别主要在于语法规范的演进和浏览器兼容性： CSS3 规范的区分： 在 CSS3 ...
2个月前面试题：CSS 的 position 有哪些属性值，区别是什么？
position 是 CSS 中控制元素定位的核心属性，它决定了元素如何在页面中放置。共有 5 个标准属性值，每个都有独特的定位行为。 1. static (默认值) 行为： 元素按照正常的文档流（Normal Documen...
2个月前面试题：display:none 与 visibility:hidden 的区别
display: none 和 visibility: hidden 都可以隐藏 HTML 元素，但它们在行为、对布局的影响以及性能上有着本质的区别。理解这些差异对于精确控制页面显示和布局至关重要。 一、核心区别对比 特性...
2个月前面试题：如何在浏览器可视区域画一个最大的正方形？
这是一个考察对 CSS 布局、视口单位和响应式设计理解的面试题。 目标是创建一个在任何屏幕尺寸下都尽可能大，且保持为正方形，并完全位于可视区域内的元素。 核心思路 要画一个“最大”的正方形...
2个月前面试题：怎么实现网页两栏布局？
两栏布局是前端开发中最基础且常见的布局模式，通常分为两种形式： 一栏固定，一栏自适应 两栏等宽或按比例分配 以下是 多种实现方式，从传统到现代，全面覆盖，适合在面试中展示技术深度。 一...
2个月前面试题：CSS 中是否存在父选择器？其背后的原因是什么？
这是一个非常深入且经典的 CSS 面试题，触及了 CSS 选择器的核心设计原理。 核心答案 在标准的、广泛支持的 CSS 中，不存在真正的“父选择器”或“祖先选择器”。 你不能直接通过一个子元素的存...
2个月前面试题：CSS 预处理器 / 后处理器是什么？为什么要使用它们？
这是一个很好的前端工程化问题。下面是对 CSS 预处理器和后处理器的详细解释： 1. CSS 预处理器 (CSS Preprocessor) 是什么？CSS 预处理器是一种扩展 CSS 语法的工具，它允许你使用更强大、更灵...
2个月前面试题：说说网页元素的层叠顺序
在网页开发中，层叠顺序（Stacking Order） 指的是当多个元素在页面上发生重叠时，浏览器如何决定哪个元素显示在上方，哪个元素显示在下方。这个顺序由 CSS 的 z-index 属性、元素的定位方式 以...
2个月前
