排序
面试题：说说你对 Flex 布局的理解及其使用场景
一、对 Flex 布局的理解 Flexbox（Flexible Box Layout），即 弹性盒子布局，是 CSS3 提供的一种一维布局模型，专门用于在容器和子元素之间高效地分配空间，即使子元素尺寸未知或动态变化，也能...
4个月前面试题：有哪些 CSS 选择器？请分别介绍
CSS 选择器是用于“选中”HTML元素并为其应用样式的模式。掌握各种选择器是精准控制页面样式的前提。以下是 CSS 中主要的选择器类型及其详细介绍。 一、基础选择器 1. 元素选择器（Type Selecto...
4个月前面试题：flex-shrink 和 flex-grow 的默认值是多少？作用是什么？
这是一个深入考察 CSS Flexbox 布局核心机制的面试题。理解 flex-grow 和 flex-shrink 的默认值及其作用，是掌握弹性布局的关键。 默认值 flex-grow 的默认值是 0。 flex-shrink 的默认值是 1。...
4个月前面试题：Sass、Less 是什么？为什么要使用它们？
Sass 和 Less 都是 CSS 预处理器（CSS Preprocessors），它们扩展了 CSS 的功能，通过引入编程特性（如变量、嵌套、混合、函数等），让 CSS 更强大、更易维护、更适合团队协作和大型项目开发。 ...
4个月前面试题：说说你对 sticky 定位的理解
position: sticky 是 CSS 中一种非常实用的定位方式，结合了 relative 和 fixed 定位的特点。 它允许元素在滚动到特定阈值之前表现得像相对定位（relative），一旦达到该阈值，则表现得像固定定...
4个月前面试题：为什么 li 与 li 元素之间有看不见的空白间隔？如何解决？
这是一个非常经典且在实际开发中频繁遇到的 HTML/CSS 问题。这个问题的本质是HTML 中的空白字符（whitespace）在特定布局模式下被渲染成了可视的空白。 一、问题原因 <li> 元素之间出现看...
4个月前面试题：如何根据设计稿进行移动端适配？
移动端适配的核心目标是：让网页在不同尺寸和分辨率的移动设备上，都能呈现出与设计稿一致的视觉效果和用户体验。 以下是根据设计稿进行移动端适配的完整流程和常用方案： 一、准备工作：了解设...
4个月前面试题：如果在伪元素中不写 content 会发生什么？
这是一个考察对 CSS 伪元素 (::before 和 ::after) 基础规则理解的面试题。 核心答案 如果在 ::before 或 ::after 伪元素中不写 content 属性，或者将 content 设置为 none，那么该伪元素将： ...
4个月前面试题：CSS 怎么实现单行、多行文本溢出隐藏？
在实际开发中，经常需要对超出容器宽度或高度的文本进行“溢出隐藏 + 省略号”处理，以保证 UI 的整洁性。CSS 提供了标准的属性组合来实现这一效果。 一、实现原理 核心思路是： 强制不换行（wh...
4个月前面试题：说说 CSS 中 position: absolute 与 fixed 的共同点和区别
这是一个考察 CSS 定位机制核心知识的经典面试题。理解 absolute 和 fixed 的异同，是掌握页面布局的关键。 共同点 脱离文档流 (Removed from Normal Flow)： 两者都会使元素完全脱离正常的文档...
4个月前
