排序
面试题：如何在网页中画一条 0.5px 的线？
这是一个与“1px 问题”紧密相关的经典移动端 CSS 面试题，考察对高分辨率屏幕渲染和 CSS 技巧的理解。 核心答案 在现代浏览器中，可以直接使用 border 或 height 设置为 0.5px 来绘制一条 0.5p...
1年前面试题：为什么需要清除浮动？清除浮动的方式有哪些？
这是一个经典的 CSS 布局问题，涉及到文档流、浮动特性以及高度塌陷等核心概念。以下是全面且结构清晰的回答。 一、为什么需要清除浮动？ 浮动（float）最初设计用于实现文字环绕图片的效果，但...
1年前面试题：line-height: 100% 和 line-height: 1 有什么区别？
这是一个考察对 CSS line-height 属性计算方式深刻理解的经典面试题。虽然 100% 和 1 看似等价，但在 line-height 的上下文中，它们的行为有本质区别。 核心区别 值计算方式是否继承实际效果lin...
1年前面试题：CSS 中 display 属性的值及其作用
display 是 CSS 中最核心、最常用的属性之一，它决定了元素的布局类型和在文档流中的表现形式。理解 display 的各种取值是掌握网页布局的基础。 一、主要取值分类 display 属性的值可以分为几大...
1年前面试题：CSS 如何快速选取同组兄弟元素的偶数序号元素？
这是一个考察对 CSS 选择器，特别是结构性伪类掌握程度的面试题。 最快速、最直接的方法是使用 :nth-child(even) 伪类选择器。 核心答案 /* 选取父元素下所有偶数位置的同组兄弟元素 */ .parent...
1年前面试题：说说 CSS 中 position: absolute 与 fixed 的共同点和区别
这是一个考察 CSS 定位机制核心知识的经典面试题。理解 absolute 和 fixed 的异同，是掌握页面布局的关键。 共同点 脱离文档流 (Removed from Normal Flow)： 两者都会使元素完全脱离正常的文档...
1年前面试题：有哪些默认 display: block 元素和 display: inline 元素？你还知道哪些 display 取值？
这是一个考察 HTML 元素默认行为和 CSS display 属性知识的面试题。回答时需要清晰分类，并展示对现代布局的理解。 一、默认 display: block 的元素 这类元素在页面中独占一行，会从新行开始，...
1年前面试题：display:inline-block 什么时候会显示间隙？
display: inline-block 元素之间出现空白间隙是一个经典的 CSS 布局问题。这个间隙并非由 margin 引起，而是由于 HTML 中的空白字符（空格、换行、制表符）在渲染时被当作“空白符”处理所导致...
1年前面试题：CSS 中可继承与不可继承属性有哪些？
在 CSS 中，属性的继承（Inheritance） 是指子元素自动从父元素“继承”某些样式属性的机制。理解哪些属性可继承、哪些不可继承，对于高效编写 CSS 和避免样式混乱至关重要。 一、什么是继承？ ...
1年前面试题：如何计算 CSS 的优先级？
CSS 优先级（Specificity）是浏览器用来决定当多个规则作用于同一个元素时，哪个样式生效的机制。理解优先级对于解决样式冲突至关重要。 一、优先级计算规则 CSS 优先级由四部分组成，通常表示...
1年前
