排序
面试题：说说 CSS 中 position: absolute 与 fixed 的共同点和区别
这是一个考察 CSS 定位机制核心知识的经典面试题。理解 absolute 和 fixed 的异同，是掌握页面布局的关键。 共同点 脱离文档流 (Removed from Normal Flow)： 两者都会使元素完全脱离正常的文档...
9个月前面试题：CSS 中 display、float、position 的关系是什么？
这是一个深入理解 CSS 布局机制的高级面试题。display、float 和 position 都能影响元素的盒模型生成和布局，它们之间存在复杂的优先级和相互覆盖关系。 核心原则 CSS 规范定义了当一个元素同时...
9个月前面试题：CSS 中是否存在父选择器？其背后的原因是什么？
这是一个非常深入且经典的 CSS 面试题，触及了 CSS 选择器的核心设计原理。 核心答案 在标准的、广泛支持的 CSS 中，不存在真正的“父选择器”或“祖先选择器”。 你不能直接通过一个子元素的存...
9个月前面试题：CSS 中 transition 和 animation 的区别
transition（过渡）和 animation（动画）是 CSS3 中实现动态效果的两大核心机制。虽然它们都能让元素“动”起来，但在使用方式、控制能力和适用场景上有显著区别。 一、核心概念对比 特性transi...
9个月前面试题：CSS3 中的 transform 有哪些属性？
面试题：CSS3 中的 transform 有哪些属性？ transform 是 CSS3 中用于对元素进行变形的强大属性，它可以在不改变文档流的情况下，对元素进行平移、旋转、缩放、倾斜等操作，广泛应用于动画、交...
9个月前面试题：如何在网页中画一条 0.5px 的线？
这是一个与“1px 问题”紧密相关的经典移动端 CSS 面试题，考察对高分辨率屏幕渲染和 CSS 技巧的理解。 核心答案 在现代浏览器中，可以直接使用 border 或 height 设置为 0.5px 来绘制一条 0.5p...
9个月前面试题：说说响应式设计的概念及基本原理
面试题：说说响应式设计的概念及基本原理 一、什么是响应式设计（Responsive Design）？ 响应式设计（Responsive Web Design, RWD）是一种网页设计和开发方法，旨在让同一个网站在不同设备、不...
9个月前面试题：为什么 li 与 li 元素之间有看不见的空白间隔？如何解决？
这是一个非常经典且在实际开发中频繁遇到的 HTML/CSS 问题。这个问题的本质是HTML 中的空白字符（whitespace）在特定布局模式下被渲染成了可视的空白。 一、问题原因 <li> 元素之间出现看...
9个月前面试题：CSS 优化和提高性能的方法有哪些？
这是一个非常经典的前端性能优化问题。CSS 虽然看似简单，但不当的写法会严重影响页面渲染性能。以下是一些关键的 CSS 优化和性能提升方法，按类别进行组织： 一、选择器优化 避免使用通配符和...
9个月前面试题：如何给网页设置小于 12px 的字体？
这是一个关于浏览器限制和现代 CSS 特性的面试题。传统上，浏览器（特别是早期的 WebKit 内核）会对字体大小设置下限（通常为 12px），但现代解决方案已经非常成熟。 核心答案 在现代浏览器中，...
9个月前
