排序
面试题:使用 link 和 @import 引用 CSS 的区别
在 HTML 中引入外部 CSS 样式表有两种主要方式:使用 <link> 标签和在 CSS 文件中使用 @import 规则。虽然它们都能加载样式,但在性能、兼容性、功能和使用场景上存在显著差异。 一、核心...
面试题:CSS 的 flex 布局有什么好处?
这是一个非常经典且重要的 CSS 面试题,考察对现代布局技术的理解。Flexbox(弹性盒子布局)是 CSS3 中引入的强大布局模型,它极大地简化了复杂布局的实现。 核心好处总结 Flexbox 的主要优势在...
面试题:常见的 CSS 布局单位有哪些?
面试题:常见的 CSS 布局单位有哪些? CSS 提供了丰富的长度和布局单位,用于控制元素的尺寸、间距、字体等。根据使用场景,这些单位可分为 绝对单位 和 相对单位 两大类。掌握它们的特性有助于...
面试题:如何给网页设置小于 12px 的字体?
这是一个关于浏览器限制和现代 CSS 特性的面试题。传统上,浏览器(特别是早期的 WebKit 内核)会对字体大小设置下限(通常为 12px),但现代解决方案已经非常成熟。 核心答案 在现代浏览器中,...
面试题:说说你对 line-height 的理解及其赋值方式
line-height 是 CSS 中用于设置行高(即文本行之间的空间)的属性。它对文本的可读性和布局有着重要影响。下面从几个方面来详细解释 line-height 及其赋值方式。 理解 line-height 定义与作用:...
面试题:说说你对 BFC 的理解,如何创建 BFC?
你对 BFC 的理解,以及如何创建 BFC? BFC(Block Formatting Context),即 块级格式化上下文,是 CSS 渲染中一个重要的概念。它是页面中的一块独立的渲染区域,规定了内部块级元素如何布局,...
面试题:利用 CSS 隐藏元素的方法有哪些?
在 CSS 中,有多种方法可以隐藏元素,每种方法的行为、对布局的影响、性能和可访问性都不同。选择合适的方法取决于具体需求。 一、主要的隐藏方法 以下是常用的 CSS 隐藏元素的方式,按行为分类...
面试题:预处理器如 scss 和 less,与 CSS 有什么区别?
这是一个考察对现代前端开发工具理解的面试题。SCSS (Sass) 和 LESS 是 CSS 预处理器,它们扩展了 CSS 的功能,提供了更强大、更高效的编写方式,但最终都需要“编译”成普通的 CSS 文件才能被...
面试题:CSS3 中的 transform 有哪些属性?
面试题:CSS3 中的 transform 有哪些属性? transform 是 CSS3 中用于对元素进行变形的强大属性,它可以在不改变文档流的情况下,对元素进行平移、旋转、缩放、倾斜等操作,广泛应用于动画、交...
面试题:如何在网页中画一条 0.5px 的线?
这是一个与“1px 问题”紧密相关的经典移动端 CSS 面试题,考察对高分辨率屏幕渲染和 CSS 技巧的理解。 核心答案 在现代浏览器中,可以直接使用 border 或 height 设置为 0.5px 来绘制一条 0.5p...
