排序
面试题：如何用 CSS 实现一个三角形？
这是一个非常经典的 CSS 面试题，考察对 CSS 盒模型和 border 属性的深入理解。 核心原理 实现三角形的关键在于理解 CSS border 的渲染机制： 当一个元素的 width 和 height 都为 0 时，它的四...
7个月前面试题：如何用 CSS 实现一个扇形？
这是一个非常有挑战性的 CSS 面试题，考察对 CSS 形状、变换和布局的深入理解。实现一个扇形通常需要结合 border-radius、clip-path 或 transform 等技术。 核心思路 扇形是圆的一部分，由一个...
7个月前面试题：如何用 CSS 实现一个宽高自适应的正方形？
要使用 CSS 实现一个宽高自适应的正方形，可以利用多种方法。这里介绍几种常见的实现方式： 方法一：使用 padding-top 或 padding-bottom 这种方法利用了 padding 百分比值是相对于包含块的宽度...
7个月前面试题：如何在网页中画一条 0.5px 的线？
这是一个与“1px 问题”紧密相关的经典移动端 CSS 面试题，考察对高分辨率屏幕渲染和 CSS 技巧的理解。 核心答案 在现代浏览器中，可以直接使用 border 或 height 设置为 0.5px 来绘制一条 0.5p...
7个月前面试题：如何给网页设置小于 12px 的字体？
这是一个关于浏览器限制和现代 CSS 特性的面试题。传统上，浏览器（特别是早期的 WebKit 内核）会对字体大小设置下限（通常为 12px），但现代解决方案已经非常成熟。 核心答案 在现代浏览器中，...
7个月前面试题：什么是 1px 问题？如何解决 1px 问题？
这是一个经典的移动端 Web 开发面试题，涉及到物理像素、CSS 像素和设备像素比（DPR）的概念。 一、什么是 1px 问题？ 1px 问题是指在高分辨率的移动设备（如 Retina 屏幕）上，使用 CSS 设置 b...
7个月前面试题：CSS 中是否存在父选择器？其背后的原因是什么？
这是一个非常深入且经典的 CSS 面试题，触及了 CSS 选择器的核心设计原理。 核心答案 在标准的、广泛支持的 CSS 中，不存在真正的“父选择器”或“祖先选择器”。 你不能直接通过一个子元素的存...
7个月前面试题：有哪些默认 display: block 元素和 display: inline 元素？你还知道哪些 display 取值？
这是一个考察 HTML 元素默认行为和 CSS display 属性知识的面试题。回答时需要清晰分类，并展示对现代布局的理解。 一、默认 display: block 的元素 这类元素在页面中独占一行，会从新行开始，...
7个月前面试题：line-height: 100% 和 line-height: 1 有什么区别？
这是一个考察对 CSS line-height 属性计算方式深刻理解的经典面试题。虽然 100% 和 1 看似等价，但在 line-height 的上下文中，它们的行为有本质区别。 核心区别 值计算方式是否继承实际效果lin...
7个月前面试题：如果在伪元素中不写 content 会发生什么？
这是一个考察对 CSS 伪元素 (::before 和 ::after) 基础规则理解的面试题。 核心答案 如果在 ::before 或 ::after 伪元素中不写 content 属性，或者将 content 设置为 none，那么该伪元素将： ...
7个月前
