排序
面试题：如何在网页中画一条 0.5px 的线？
这是一个与“1px 问题”紧密相关的经典移动端 CSS 面试题，考察对高分辨率屏幕渲染和 CSS 技巧的理解。 核心答案 在现代浏览器中，可以直接使用 border 或 height 设置为 0.5px 来绘制一条 0.5p...
6个月前面试题：CSS 中 display 属性的值及其作用
display 是 CSS 中最核心、最常用的属性之一，它决定了元素的布局类型和在文档流中的表现形式。理解 display 的各种取值是掌握网页布局的基础。 一、主要取值分类 display 属性的值可以分为几大...
6个月前面试题：如何计算 CSS 的优先级？
CSS 优先级（Specificity）是浏览器用来决定当多个规则作用于同一个元素时，哪个样式生效的机制。理解优先级对于解决样式冲突至关重要。 一、优先级计算规则 CSS 优先级由四部分组成，通常表示...
6个月前面试题：说说响应式设计的概念及基本原理
面试题：说说响应式设计的概念及基本原理 一、什么是响应式设计（Responsive Design）？ 响应式设计（Responsive Web Design, RWD）是一种网页设计和开发方法，旨在让同一个网站在不同设备、不...
6个月前面试题：CSS3 中的 transform 有哪些属性？
面试题：CSS3 中的 transform 有哪些属性？ transform 是 CSS3 中用于对元素进行变形的强大属性，它可以在不改变文档流的情况下，对元素进行平移、旋转、缩放、倾斜等操作，广泛应用于动画、交...
6个月前面试题：如何根据设计稿进行移动端适配？
移动端适配的核心目标是：让网页在不同尺寸和分辨率的移动设备上，都能呈现出与设计稿一致的视觉效果和用户体验。 以下是根据设计稿进行移动端适配的完整流程和常用方案： 一、准备工作：了解设...
6个月前面试题：line-height: 100% 和 line-height: 1 有什么区别？
这是一个考察对 CSS line-height 属性计算方式深刻理解的经典面试题。虽然 100% 和 1 看似等价，但在 line-height 的上下文中，它们的行为有本质区别。 核心区别 值计算方式是否继承实际效果lin...
6个月前面试题：如何用 CSS 实现一个宽高自适应的正方形？
要使用 CSS 实现一个宽高自适应的正方形，可以利用多种方法。这里介绍几种常见的实现方式： 方法一：使用 padding-top 或 padding-bottom 这种方法利用了 padding 百分比值是相对于包含块的宽度...
6个月前面试题：CSS 如何快速选取同组兄弟元素的偶数序号元素？
这是一个考察对 CSS 选择器，特别是结构性伪类掌握程度的面试题。 最快速、最直接的方法是使用 :nth-child(even) 伪类选择器。 核心答案 /* 选取父元素下所有偶数位置的同组兄弟元素 */ .parent...
6个月前面试题：CSS 中可继承与不可继承属性有哪些？
在 CSS 中，属性的继承（Inheritance） 是指子元素自动从父元素“继承”某些样式属性的机制。理解哪些属性可继承、哪些不可继承，对于高效编写 CSS 和避免样式混乱至关重要。 一、什么是继承？ ...
6个月前
