前端/移动开发面试题 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 1484 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 241 题请描述一套系统学习前端开发的路径和方法。 考察学习规划、知识体系构建和持续提升能力第 242 题CSS里用于计算的函数是什么？ 考察对CSS原生计算函数及其典型应用的掌握第 243 题在怪异盒模型（IE 盒模型，box-sizing: border-box）下，元素宽度设为 100，padding 设为 100，其实际渲染宽度是多少？ 考察对怪异盒模型宽度计算规则的理解第 244 题CSS 盒模型具体包含哪些部分，各部分的含义是什么？ 考察对盒模型组成细节的完整掌握第 245 题怎么实现向右移动10px？请结合性能，谈谈浏览器的重绘和重排。 考察CSS实现方式的选择及其对浏览器渲染性能的影响第 246 题px、rem、em有什么区别？ 考察CSS长度单位的相对性与适用范围第 247 题怎么实现一个三列布局（coding）？ 考察 CSS 布局基础、布局方案选择与适用场景第 248 题给你一个双栏布局的结构，鼠标可以拖动两栏之间的边使这条边移动，两边宽度变化，如何实现？ 考察前端布局交互实现能力，包括事件处理、布局计算和边界优化第 249 题在移动端做响应式布局时，rem 单位是如何实现自适应适配的？请说明其原理和常见实践。 考察移动端 rem 适配的原理理解与落地能力第 250 题在项目中实际遇到CSS样式冲突时，你会如何定位并解决？请结合具体场景说明。 考察样式冲突定位思路与工程化处理能力第 251 题请说明浏览器解析 HTML、CSS、JavaScript 的流程，并解释如何让 JavaScript 先于页面解析执行，以及如何让其延后到页面解析完成后执行。 考察浏览器渲染机制与脚本加载执行顺序的控制第 252 题请说明块级元素和行内元素的区别，并各举出两个典型例子。 考察对HTML基础布局概念的理解与实例运用第 253 题如果页面宽度或高度变化，基于 offsetTop 和 scrollTop 的传统懒加载实现该如何动态适配？请说明你的思路。 考察对懒加载实现原理、布局变化影响及事件监听机制的理解第 254 题从输入 URL 到页面完整显示，浏览器的渲染流程是怎样的？ 考察浏览器核心渲染机制与网络加载的整体理解第 255 题在手机端，一个宽度和高度都设置为30px的div中放置一张图片，图片实际显示尺寸应该是多大？请解释DPR（设备像素比）在这里的作用。 考察对设备像素比（DPR）与CSS像素、物理像素关系的理解第 256 题请解释什么是 BFC（块级格式化上下文），以及它的主要功能有哪些？ 考察对 CSS 布局基础概念 BFC 的理解及其实际应用第 257 题flex=1是哪些属性的简写？ 考察CSS flex布局中flex简写属性的基础知识掌握程度第 258 题如何用 CSS 实现两个元素的重叠？若上层元素覆盖了下层元素，如何让点击事件响应下层元素？另外，如何实现一个元素在页面中不显示？ 考察 CSS 定位、层叠与事件穿透及相关隐藏手段第 259 题行高和高度的区别是什么？ 考察CSS中线盒模型与块盒模型的基本概念区分第 260 题请解释浏览器中的W3C标准模式和怪异模式的区别，并说明在哪种情况下会触发怪异模式。 考察对浏览器渲染模式的理解及实际影响