排序
面试题：预处理器如 scss 和 less，与 CSS 有什么区别？
这是一个考察对现代前端开发工具理解的面试题。SCSS (Sass) 和 LESS 是 CSS 预处理器，它们扩展了 CSS 的功能，提供了更强大、更高效的编写方式，但最终都需要“编译”成普通的 CSS 文件才能被...
2个月前面试题：CSS3 中的 transform 有哪些属性？
面试题：CSS3 中的 transform 有哪些属性？ transform 是 CSS3 中用于对元素进行变形的强大属性，它可以在不改变文档流的情况下，对元素进行平移、旋转、缩放、倾斜等操作，广泛应用于动画、交...
2个月前面试题：如何在网页中画一条 0.5px 的线？
这是一个与“1px 问题”紧密相关的经典移动端 CSS 面试题，考察对高分辨率屏幕渲染和 CSS 技巧的理解。 核心答案 在现代浏览器中，可以直接使用 border 或 height 设置为 0.5px 来绘制一条 0.5p...
2个月前面试题：什么是物理像素，逻辑像素和像素密度？为什么在移动端开发时需要用到 @3x, @2x 这种图片？
这是一个关于前端响应式设计和高分辨率屏幕适配的核心问题。下面详细解释这些概念及其在移动端开发中的应用。 一、核心概念解析 1. 物理像素 (Physical Pixels) 定义：物理像素是显示屏上真实存...
2个月前面试题：使用 clear 属性清除浮动的原理？
面试题：使用 clear 属性清除浮动的原理？ clear 属性是 CSS 中用于控制元素与浮动元素之间位置关系的重要属性，常用于“清除浮动”或“避免内容环绕浮动元素”。理解其原理对于掌握传统布局方...
2个月前面试题：CSS 中 display 属性的值及其作用
display 是 CSS 中最核心、最常用的属性之一，它决定了元素的布局类型和在文档流中的表现形式。理解 display 的各种取值是掌握网页布局的基础。 一、主要取值分类 display 属性的值可以分为几大...
2个月前面试题：如何检测 CSS 动画的 FPS 值？
这是一个非常深入且专业的前端性能面试题，考察对浏览器渲染机制、性能分析工具和动画优化的理解。 核心要点：FPS（Frames Per Second，每秒帧数）是衡量动画流畅度的关键指标。 理想的动画 FPS...
2个月前面试题：z-index 属性在什么情况下会失效？
z-index 是 CSS 中用于控制元素堆叠顺序（stacking order）的重要属性，数值越大，元素越“靠前”。但 z-index 并非在所有情况下都生效。以下是 z-index 失效的常见场景及其原理，适合在面试中...
2个月前面试题：如何用 CSS 实现一个宽高自适应的正方形？
要使用 CSS 实现一个宽高自适应的正方形，可以利用多种方法。这里介绍几种常见的实现方式： 方法一：使用 padding-top 或 padding-bottom 这种方法利用了 padding 百分比值是相对于包含块的宽度...
2个月前面试题：说说你对 CSS Sprites 的理解
说说你对 CSS Sprites 的理解 CSS Sprites（CSS 雪碧图、CSS 精灵图）是一种将多个小图片合并成一张大图，然后通过 CSS 的 background-image、background-position 等属性来显示其中特定部分的...
2个月前
