2024.1.16

请问 "resetting" 和 "normalizing" CSS 之间的区别？你会如何选择，为什么？

resetting 是重置的意思， normalizing 是标准化的意思

resetting 是将所有的样式都重置为默认值，然后再重新设置样式 normalizing 是将所有的样式都设置为标准值，然后再重新设置样式

resetting 会导致样式丢失，而 normalizing 不会

描述 z-index 和叠加上下文是如何形成的

在 CSS 中，z-index 属性用于控制元素在堆叠上下文中的堆叠顺序。具有更高 z-index 值的元素会覆盖具有较低 z-index 值的元素。

堆叠上下文的形成：

堆叠上下文是一个层叠的环境，其中的元素的堆叠顺序由其 z-index 值决定。当一个元素创建了堆叠上下文时，其子元素的 z-index 值将相对于该父元素的堆叠上下文进行计算，而不会影响到其他元素的堆叠顺序。

创建堆叠上下文的条件：

以下 CSS 属性的特定值会导致元素创建新的堆叠上下文：

position：relative、absolute、fixed 或 sticky，并且 z-index 不为 auto。

opacity：小于 1。

transform：具有非 none 的值。

mix-blend-mode：具有非 normal 的值。

filter：具有非 none 的值。

perspective：具有非 none 的值。

clip-path：具有非 none 的值。

contain：具有 paint、strict 或 content 的值。

will-change：具有 transform、opacity、filter、perspective、clip-path、mask、contain、scroll-position 或 contents 的值。

mix-blend-mode：具有非 normal 的值。

contain：具有 paint、strict 或 content 的值。

will-change：具有 transform、opacity、filter、perspective、clip-path、mask、contain、scroll-position 或 contents 的值。