排序
面试题：什么是 1px 问题？如何解决 1px 问题？
这是一个经典的移动端 Web 开发面试题，涉及到物理像素、CSS 像素和设备像素比（DPR）的概念。 一、什么是 1px 问题？ 1px 问题是指在高分辨率的移动设备（如 Retina 屏幕）上，使用 CSS 设置 b...
7个月前面试题：CSS 优化和提高性能的方法有哪些？
这是一个非常经典的前端性能优化问题。CSS 虽然看似简单，但不当的写法会严重影响页面渲染性能。以下是一些关键的 CSS 优化和性能提升方法，按类别进行组织： 一、选择器优化 避免使用通配符和...
7个月前面试题：什么是 margin 重叠问题？如何解决？
Margin 重叠问题（Margin Collapse）是 CSS 布局中的一个重要特性，尤其在使用块级元素时经常遇到。理解它对于精确控制页面布局至关重要。 一、什么是 margin 重叠（Margin Collapse）？ 在 标...
7个月前面试题：使用 link 和 @import 引用 CSS 的区别
在 HTML 中引入外部 CSS 样式表有两种主要方式：使用 <link> 标签和在 CSS 文件中使用 @import 规则。虽然它们都能加载样式，但在性能、兼容性、功能和使用场景上存在显著差异。 一、核心...
7个月前面试题：CSS 的 flex 布局有什么好处?
这是一个非常经典且重要的 CSS 面试题，考察对现代布局技术的理解。Flexbox（弹性盒子布局）是 CSS3 中引入的强大布局模型，它极大地简化了复杂布局的实现。 核心好处总结 Flexbox 的主要优势在...
7个月前面试题：常见的 CSS 布局单位有哪些？
面试题：常见的 CSS 布局单位有哪些？ CSS 提供了丰富的长度和布局单位，用于控制元素的尺寸、间距、字体等。根据使用场景，这些单位可分为 绝对单位 和 相对单位 两大类。掌握它们的特性有助于...
7个月前面试题：如何给网页设置小于 12px 的字体？
这是一个关于浏览器限制和现代 CSS 特性的面试题。传统上，浏览器（特别是早期的 WebKit 内核）会对字体大小设置下限（通常为 12px），但现代解决方案已经非常成熟。 核心答案 在现代浏览器中，...
7个月前面试题：说说你对 line-height 的理解及其赋值方式
line-height 是 CSS 中用于设置行高（即文本行之间的空间）的属性。它对文本的可读性和布局有着重要影响。下面从几个方面来详细解释 line-height 及其赋值方式。 理解 line-height 定义与作用：...
7个月前面试题：说说你对 BFC 的理解，如何创建 BFC？
你对 BFC 的理解，以及如何创建 BFC？ BFC（Block Formatting Context），即 块级格式化上下文，是 CSS 渲染中一个重要的概念。它是页面中的一块独立的渲染区域，规定了内部块级元素如何布局，...
7个月前面试题：利用 CSS 隐藏元素的方法有哪些？
在 CSS 中，有多种方法可以隐藏元素，每种方法的行为、对布局的影响、性能和可访问性都不同。选择合适的方法取决于具体需求。 一、主要的隐藏方法 以下是常用的 CSS 隐藏元素的方式，按行为分类...
7个月前
