全部 CSS 面试题

• CSS 预处理器与后处理器的区别与协同
• 纯 CSS 绘制五角星图形
• CSS 伪类的概念与分类
• CSS 深度选择器的写法与兼容性
• border:none和border:0的区别
• 父元素高度为0而子元素有高度的原因
• 使用Less的几种方式
• @font-face 字体跨域加载问题及解决方案
• CSS all 属性及其关键字值
• 手动动画帧间隔为何约16.7ms
• Sass 布尔运算与 not 运算符陷阱
• 动态伪类概念与交互样式注意事项
• 聚焦环与可访问性最佳实践
• 如何组织与架构项目中的 CSS 代码
• 列表项标记outside与inside定位差异
• 如何用 CSS 隐藏区域内的鼠标光标
• CSS 类名命名规范的选择与团队落地
• CSS 中数值为 0 时是否需要保留单位
• JavaScript 读取 CSS 样式的 API 与限制
• background-color会填充哪些盒模型区域
• CSS 中 Unicode 字符的分类与应用场景
• CSS 合并手段与适用场景
• 行内元素的内外边距行为
• 标准盒模型与 IE 盒模型的区别
• CSS 自定义属性的用途、优势与局限性
• 图片与文字同行垂直居中的实现方案
• CSS-in-JS 的核心理念与适用场景
• height: 100% 与 height: inherit 的取值机制与区别
• inline-block 元素负 margin 的表现
• CSS 文字渐变色实现方法
• 字体图标的实现原理与优缺点
• 用 CSS3 模拟打字机逐字显示效果
• 固定头尾中间自适应的三段式布局
• CSS 实现元素模糊与毛玻璃效果
• linear-gradient线性渐变函数的作用与语法
• 常见栅格系统方案对比
• CSS 样式模块抽离方案与选型
• 固定、流式与响应式布局的区别
• rem 单位的优缺点及其与百分比的对比
• CSS 中 height:100% 生效的前置条件
• font-size-adjust属性的作用与取值
• CSS 简写属性与简写值举例
• CSS 长度单位分类与使用场景
• 无用 CSS 代码检测与清理方案
• CSS 动画实现方式与核心属性
• animation-fill-mode属性的取值与使用场景
• 移动端如何实现 0.5px 细边框
• lib-flexible 移动端适配及 vw/vh 对比
• 禁止网页文字被选中的实现方案
• 弹性盒布局的核心概念与应用场景

下一页