排序
面试题：什么是 1px 问题？如何解决 1px 问题？
这是一个经典的移动端 Web 开发面试题，涉及到物理像素、CSS 像素和设备像素比（DPR）的概念。 一、什么是 1px 问题？ 1px 问题是指在高分辨率的移动设备（如 Retina 屏幕）上，使用 CSS 设置 b...
7个月前面试题：什么是 margin 重叠问题？如何解决？
Margin 重叠问题（Margin Collapse）是 CSS 布局中的一个重要特性，尤其在使用块级元素时经常遇到。理解它对于精确控制页面布局至关重要。 一、什么是 margin 重叠（Margin Collapse）？ 在 标...
7个月前面试题：CSS 中可继承与不可继承属性有哪些？
在 CSS 中，属性的继承（Inheritance） 是指子元素自动从父元素“继承”某些样式属性的机制。理解哪些属性可继承、哪些不可继承，对于高效编写 CSS 和避免样式混乱至关重要。 一、什么是继承？ ...
7个月前面试题：说说你对盒模型的理解
说说你对盒模型的理解 盒模型（Box Model） 是 CSS 布局的核心概念，它定义了每个 HTML 元素在页面上所占据的空间结构。理解盒模型是掌握网页布局的基础。 一、盒模型的组成 每一个元素都被视为...
7个月前面试题：说说网页元素的层叠顺序
在网页开发中，层叠顺序（Stacking Order） 指的是当多个元素在页面上发生重叠时，浏览器如何决定哪个元素显示在上方，哪个元素显示在下方。这个顺序由 CSS 的 z-index 属性、元素的定位方式 以...
7个月前面试题：说说你对媒体查询的理解？
媒体查询（Media Queries） 是 CSS3 中的一项核心技术，它允许开发者根据设备的特性（如屏幕宽度、高度、分辨率、方向、颜色等）来有条件地应用 CSS 样式。 它是实现响应式设计（Responsive Des...
7个月前面试题：display:none 与 visibility:hidden 的区别
display: none 和 visibility: hidden 都可以隐藏 HTML 元素，但它们在行为、对布局的影响以及性能上有着本质的区别。理解这些差异对于精确控制页面显示和布局至关重要。 一、核心区别对比 特性...
7个月前面试题：如何用 CSS 实现一个三角形？
这是一个非常经典的 CSS 面试题，考察对 CSS 盒模型和 border 属性的深入理解。 核心原理 实现三角形的关键在于理解 CSS border 的渲染机制： 当一个元素的 width 和 height 都为 0 时，它的四...
7个月前面试题：使用 clear 属性清除浮动的原理？
面试题：使用 clear 属性清除浮动的原理？ clear 属性是 CSS 中用于控制元素与浮动元素之间位置关系的重要属性，常用于“清除浮动”或“避免内容环绕浮动元素”。理解其原理对于掌握传统布局方...
7个月前面试题：说说你对 sticky 定位的理解
position: sticky 是 CSS 中一种非常实用的定位方式，结合了 relative 和 fixed 定位的特点。 它允许元素在滚动到特定阈值之前表现得像相对定位（relative），一旦达到该阈值，则表现得像固定定...
7个月前
