用反引号的模板字符串替代+拼接是最直接方案，支持变量插值、多行和表达式嵌入，但须防XSS、注意性能及兼容性问题。

animation-fill-mode:forwards可使动画结束后保持最后一帧样式，但需配合animation-iteration-count:1才实现“执行一次后停住”；若transform等属...

应使用在长单词、URL等需精准控制断点处，它仅在必要时软换行；而word-break和overflow-wrap是全局CSS策略，缺乏精确性。

表单控件盒模型无统一标准，需显式重置：统一设box-sizing:border-box；height改用min-height+line-height；appearance:none后必须手动补全pad...

标签必须带符合ISO8601格式的datetime属性才具语义价值，否则仅作普通容器；正确写法如2024年3月15日，支持日期、时间及时区标注，适用于文章发布、活动时间等可被程序提取的场景。

gap已取代grid-gap，是row-gap和column-gap的简写，支持单值（统一行列间距）和双值（分别设行、列间距），且在现代Grid和多行Flex中均适用，语法更简洁、语义更清晰。

.class比div.class快，因浏览器从右往左解析：前者直接定位，后者需先找所有.class再向上检查父节点是否为div；大量DOM下差异显著。

CSSGrid可高效构建后台页面布局：通过grid-template-areas划分header、nav、main、footer区域，配合响应式媒体查询适配移动端，辅以gap、min-height等技...

LocalStorage是浏览器提供的持久化键值对存储，仅支持字符串，需用JSON.stringify/parse处理对象，有5MB容量限制且跨标签页需storage事件监听。

flex-wrap:wrap未生效的主因是父容器缺失display:flex，或子项设了flex-shrink:0且总宽未超容器；另需排查white-space、长单词、viewport缺失及flex...

常见原因是transform被后续CSS规则覆盖，导致浏览器无法追踪状态变化；需检查层叠优先级、显式声明transition-property、确保值类型匹配及单位一致，并用DevTools验证计算值...

真正可读的文章页需控制视线移动成本：行宽65ch、行高1.5–1.6、段间距＞行高；标题用font-weight:600+渐进字号+足够下边距；图片/引用/代码块须独立呼吸空间；移动端强制最小字号、适...