CSS

CSS 28

如何使用 CSS 创建一个具有 3D 效果的立方体？

使用 HTML 和 CSS 创建并展示一个具有 3D 效果的立方体，涉及透视、变换和动画。

中等 3D 动画 Transform
07-09
有没有使用过 CSS 变量？它解决了哪些问题？

CSS 变量用于管理样式，减少重复代码并提高可维护性。它允许定义自定义属性，并在多个位置重用这些值。

中等 变量 优化 样式管理
07-09
display:inline 的元素设置 margin 和 padding 会生效吗？

display:inline 元素的 margin 在水平方向上有效，而竖直方向上的 padding 和 margin 不起作用。

中等 布局 Inline Elements display
07-08
如何实现非定长宽块状元素的垂直水平居中？

实现非定长宽块状元素的垂直和水平居中的多种方法，包括 Flex 布局、Position 定位、Margin auto 及辅助 Table 结构。

中等 布局 居中对齐 CSS布局
07-08
如何实现表格的单双行条纹样式？

探讨使用纯 CSS 和 Bootstrap 实现表格单双行交替条纹样式的两种方法及其优缺点。

中等 表格样式 表格布局 表单
07-07
哪些 CSS 属性无法用于动画效果？

探讨不能展示动画的 CSS 属性及其原因，如 display 和 visibility 的状态切换特性。

中等 动画 属性
07-07
什么是 CSS Specificity？

CSS specificity 是用来确定多个 CSS 规则中哪个优先级更高。通过特定规则计算，决定浏览器如何解析样式冲突的问题。

中等 特定性 优先级 选择器
07-07
属性选择器和类选择器，谁的权重要更高？

属性选择器和类选择器在 CSS 中具有相同的权重，均为 10。它们的优先级取决于选择器的整体结构。

简单 选择器 权重 选择器优先级
07-07
样式抖动为什么会发生？

样式抖动是指页面元素在初始渲染后发生位置突变的现象，主要原因是异步加载内容的尺寸未预分配。

中等 性能优化 性能 布局
07-07
position:sticky 如何工作？适用于哪些场景？

解析 CSS 中的 position:sticky 属性的工作原理及适用场景，包括导航条固定和表格表头。

中等 布局 属性
07-07
如何区分 CSS 中的伪类和伪元素？

伪类和伪元素在 CSS 中有不同的用途和语法。伪类用于选择具有特定状态的元素，而伪元素用于操作虚拟子元素。

中等 伪类 伪元素 基础
07-07
什么是层叠上下文？

层叠上下文是 CSS 中的概念，用于确定网页元素在垂直方向上的叠加顺序。理解它有助于解决复杂的布局问题。

中等 布局 层叠上下文 Z-index
07-07
Flexbox 布局的核心概念和应用

Flexbox 提供了一种强大的一维布局模型，用于在容器内灵活排列元素。理解其核心属性如 flex-direction、justify-content 和 align-items 是掌握该技术的关键。

中等 布局 Flexbox Layout
07-06
CSS 中的伪类与伪元素有什么区别？

介绍 CSS 伪类和伪元素的基本区别及其应用场景。

中等 选择器 基础 CSS基础
07-06
圣杯布局与双飞翼布局的实现差异是什么？

讨论圣杯布局和双飞翼布局的实现方式及其主要区别，包括它们在 HTML 结构、CSS 定位方法以及适用场景上的不同。

中等 布局 CSS布局
07-06
如何用 CSS3 绘制三角形和梯形？

使用 CSS3 的 border 属性绘制三角形和梯形，方法包括单元素透明边框和伪元素变形。

中等 图形绘制 CSS3 图形
07-06
BFC 的触发条件及其在布局中的作用是什么？

BFC（Block Formatting Context）是 CSS 中的一个关键概念，用于控制网页元素的布局。本文详细阐述了 BFC 的触发条件以及它在网页布局中的重要作用。

中等 布局 BFC
07-06
如何计算 CSS 选择器的优先级？

解析 CSS 选择器优先级的计算规则及如何确定样式声明的应用顺序。

中等 选择器 优先级
07-06
如何使用 CSS 创建自适应的正方形？

介绍三种方法：padding-bottom 技巧、vw/vh 单位和 Flexbox 布局，用于创建根据父容器或视口大小自动调整的正方形。

中等 布局 响应式设计 自适应布局
07-06
如何实现水平垂直居中？至少列举三种方法。

介绍使用 Flex、Grid 布局和绝对定位三种方法实现网页内容的水平和垂直居中。

中等 布局
07-06
如何处理浏览器的 CSS 前缀？

介绍处理浏览器前缀的方法和推荐工具 Autoprefixer。

中等 兼容性 工具 浏览器兼容
07-06
你如何理解 CSS 中的 em 和 rem 单位？

讨论 CSS 中 em 和 rem 的区别及其应用场景。

中等 单位 相对长度 响应式设计
07-06
CSS 预处理器有什么优势？

CSS 预处理器通过变量、混入和模块化提升开发效率。

中等 预处理器 Sass LESS
07-06
CSS 中 z-index 的工作原理是什么？

解释 CSS z-index 属性的工作原理及其对元素层叠的影响。

中等 布局 层叠 层级
07-06
如何确定 CSS 选择器的优先级？

解释 CSS 选择器优先级的计算方法及规则。

中等 选择器 优先级 选择器优先级
07-06
CSS Grid 和 Flexbox 的主要区别是什么？

介绍并比较了 CSS Grid 和 Flexbox 的关键差异，包括它们的布局维度、适用场景和控制机制。

中等 Flexbox Grid CSS布局
07-06
CSS 中 display:none 和 visibility:hidden 的区别是什么？

比较 display: none 和 visibility: hidden 的区别及其对布局的影响。

中等 布局 性能 显示与隐藏
07-06
什么是 CSS 盒模型及其不同类型？

CSS 盒模型解释了元素如何布局，包括内容、内边距、边框和外边距，并分为标准和 IE 两种类型。

中等 布局 盒子模型 盒模型
07-06