#CSS
共 6 篇
每日一面 No.058 10-24 【每日一面】CSS 动画性能
动画卡不卡，看改动落在渲染流水线的哪一段：收敛到 transform/opacity、跑在合成器线程、压住重绘范围，才是治本而非加个 translateZ(0)。
24 min·8374 字 阅读全文 → 每日一面 No.056 10-10 【每日一面】选择器权重与层叠上下文
权重是四元组逐位比较、低位永不进位，层叠上下文决定 z 轴绘制顺序；z-index 失效要么没有生效资格，要么被创建上下文的祖先隔离，排查要沿祖先链查起。
26 min·9095 字 阅读全文 → 每日一面 No.053 09-29 【每日一面】Flex 与 Grid 布局
Flex 一维排内容、Grid 二维搭骨架，分清内容驱动与布局驱动，讲清空间分配算法和 min-width: auto 陷阱，这道送分题才能答出区分度。
19 min·6530 字 阅读全文 → 每日一面 No.052 09-28 【每日一面】盒模型与 BFC
盒模型由 content、padding、border、margin 四层组成，box-sizing 决定宽度算到哪；BFC 是封闭的渲染区域，管住 margin 折叠、清浮动和自适应两栏布局。
16 min·5604 字 阅读全文 → 每日一面 No.040 09-04 【每日一面】浏览器渲染机制：重绘与回流
回流必带重绘，批读写、用 transform / opacity 走 GPU、借 will-change 和 rAF，是压住重排的三板斧。
21 min·7243 字 阅读全文 → 每日一面 No.016 10-10 【每日一面】盒子模型
标准盒模型是内容 + 内边距 + 边框 + 外边距，而 BFC 能管住外边距合并、清浮动和两栏布局。
4 min·1513 字 阅读全文 →