排序
面试题：CSS3 中有哪些新特性？
CSS3 是 CSS 技术的一次重大升级，它将 CSS 拆分为多个独立的模块，逐步推进，引入了大量新特性，极大地增强了网页的视觉表现力和布局能力。以下是 CSS3 中一些最重要的新特性，按类别进行归纳...
2个月前面试题：什么是替换元素？说说其概念及计算规则
什么是替换元素？ 在 CSS 中，替换元素（Replaced Element） 是指其内容的外观和尺寸不由 CSS 直接控制，而是由外部资源或浏览器默认行为决定的 HTML 元素。 简单来说，替换元素的“内容”是“...
2个月前面试题：说说你对 CSS Sprites 的理解
说说你对 CSS Sprites 的理解 CSS Sprites（CSS 雪碧图、CSS 精灵图）是一种将多个小图片合并成一张大图，然后通过 CSS 的 background-image、background-position 等属性来显示其中特定部分的...
2个月前面试题：什么是物理像素，逻辑像素和像素密度？为什么在移动端开发时需要用到 @3x, @2x 这种图片？
这是一个关于前端响应式设计和高分辨率屏幕适配的核心问题。下面详细解释这些概念及其在移动端开发中的应用。 一、核心概念解析 1. 物理像素 (Physical Pixels) 定义：物理像素是显示屏上真实存...
2个月前面试题：说说你对 line-height 的理解及其赋值方式
line-height 是 CSS 中用于设置行高（即文本行之间的空间）的属性。它对文本的可读性和布局有着重要影响。下面从几个方面来详细解释 line-height 及其赋值方式。 理解 line-height 定义与作用：...
2个月前面试题：CSS 优化和提高性能的方法有哪些？
这是一个非常经典的前端性能优化问题。CSS 虽然看似简单，但不当的写法会严重影响页面渲染性能。以下是一些关键的 CSS 优化和性能提升方法，按类别进行组织： 一、选择器优化 避免使用通配符和...
2个月前面试题：CSS 预处理器 / 后处理器是什么？为什么要使用它们？
这是一个很好的前端工程化问题。下面是对 CSS 预处理器和后处理器的详细解释： 1. CSS 预处理器 (CSS Preprocessor) 是什么？CSS 预处理器是一种扩展 CSS 语法的工具，它允许你使用更强大、更灵...
2个月前面试题：::before 和 :after 的双冒号和单冒号有什么区别？
在CSS中，::before 和 ::after 伪元素的双冒号（::）和单冒号（:）在功能上没有区别，它们的作用完全相同。 两者之间的区别主要在于语法规范的演进和浏览器兼容性： CSS3 规范的区分： 在 CSS3 ...
2个月前面试题：display:inline-block 什么时候会显示间隙？
display: inline-block 元素之间出现空白间隙是一个经典的 CSS 布局问题。这个间隙并非由 margin 引起，而是由于 HTML 中的空白字符（空格、换行、制表符）在渲染时被当作“空白符”处理所导致...
2个月前面试题：CSS 怎么实现单行、多行文本溢出隐藏？
在实际开发中，经常需要对超出容器宽度或高度的文本进行“溢出隐藏 + 省略号”处理，以保证 UI 的整洁性。CSS 提供了标准的属性组合来实现这一效果。 一、实现原理 核心思路是： 强制不换行（wh...
2个月前
