Q1选择题难度 3
1/12
CSS · 高级 01
记忆强度
（多选）下列哪些操作通常会触发布局计算，而不只是绘制或合成？
假设元素处于普通 HTML 文档中，未使用能隔离布局影响的特殊 contain 设置；选择通常会使浏览器重新计算几何布局的操作。
CSS高级题库第 1 组，共 12 张卡片。
CSS · 高级 01
假设元素处于普通 HTML 文档中，未使用能隔离布局影响的特殊 contain 设置；选择通常会使浏览器重新计算几何布局的操作。
布局计算负责确定元素的尺寸与位置。
浏览器可以合并样式计算与布局，但在修改会影响几何尺寸的样式后立刻读取 offsetWidth 等布局信息，往往必须先同步刷新布局才能返回准确值。
级联层允许架构层面显式定义不同来源样式的优先顺序，使后声明的高优先级层可以覆盖低优先级层，而无需持续增加选择器权重。
关键 CSS 的加载问题需要同时考虑资源发现时机、依赖链和层叠规则。
题目包含两个独立的交互实现：其一是不使用层叠样式动画能力，通过脚本让元素从快到慢移动；
性能优化应针对实际渲染路径，而不是无差别创建合成层。
contain: layout 可以建立布局包含，使元素内部的布局变化原则上不再影响外部元素的布局计算，适合边界清晰、彼此独立的组件。
content-visibility: auto 允许浏览器对视口外内容跳过部分渲染工作，并在内容接近视口时恢复处理，适合大量相对独立的长列表区块。
计算值非 none 的 transform 会为其绝对定位和固定定位后代建立包含块。
四条规则都假定其选择器能够匹配该按钮，但最后一条 color 声明带有 !important。
当业务只需要有限主题能力时，不应接收任意 CSS，而应把输入收缩为颜色、字号、圆角等结构化令牌，对类型、范围和允许值进行校验，再映射到预先设计的自定义属性。
可维护的组件样式需要同时处理所有权、隔离、依赖分析和主题契约。