-
@import用于CSS文件开头导入外部样式，支持条件加载和url形式，但需注意性能较差且不可嵌套过多，现代开发更推荐构建工具或预处理器管理模块。
-
标签模板字符串通过标签函数控制字符串解析，可实现安全转义、DSL构建等高级功能。
-
本文详解如何在flex:1均分容器的按钮组中，将绝对定位的选中指示条（.selected-button）垂直对齐按钮底部中心，并通过CSS百分比定位+transform实现精准水平居中，并支持150ms缓动滑动切换。
-
使用:focus、:disabled、:valid/:invalid、:required/:optional等CSS选择器可提升表单交互体验；2.通过自定义聚焦样式、禁用状态视觉反馈、输入验证提示及必填项标记，实现直观美观的表单设计；3.结合过渡与响应式增强效果，保持反馈及时一致。
-
Grid是二维布局，Columns是一维分栏；Grid精准控制子元素位置，Columns仅切分内容流；Grid适用于UI组件排列，Columns适合长文本分栏。
-
绝对定位元素相对于最近的已定位祖先定位，若无则相对视口；父元素设为relative可创建定位上下文，使子元素依其定位，常用于弹窗、菜单等组件，需注意z-index和滚动容器的影响。
-
transform-style:preserve-3d是实现真实3D卡片翻转的前提，否则子元素rotateY会扁平化为2D贴纸效果；需配合perspective、backface-visibility:hidden及正确rotateY轴向使用。
-
给HTML表格添加富文本编辑功能的核心在于嵌入或动态加载富文本编辑器，而非依赖表格本身。实现步骤包括：1.设置表格单元格为contenteditable="true"；2.引入富文本编辑器库如TinyMCE、CKEditor等；3.监听点击事件初始化编辑器实例；4.同步编辑内容回填至单元格；5.编辑完成后销毁或隐藏编辑器。选择编辑器时需考虑项目需求与团队能力：TinyMCE适合企业级应用；CKEditor适用于深度定制和协作编辑；Quill适合性能和自定义要求高的场景；ProseMirror/Slate.
-
scale动画必须配合transform属性生效，正确写法为transform:scale(1.2)；需用transform-origin调整缩放原点；配合will-change:transform可提升性能；在flex/grid中应加translateZ(0)隔离图层。
-
尾调用优化通过消除不必要的栈帧来减少内存消耗，当函数末尾调用另一函数并直接返回其结果时触发，如tailCallExample中递归调用自身且无后续操作，符合尾调用条件。
-
iPad上GLB/GLTF穿模主因是iOSSafariWebGL对深度缓冲、透明排序等处理异常，需启用阴影映射、适配Retina像素比、禁用半透明材质深度写入。
-
使用Flexbox替代float可解决右对齐布局问题。float:right易导致父容器高度塌陷、元素换行错位及内容环绕，需通过clear:both清除浮动；而flex布局中justify-content:flex-end能稳定实现子元素整体右对齐，且支持响应式设计。对于部分元素右对齐需求，可对目标元素设置margin-left:auto，推动其至最右侧，其余保持左对齐。现代布局推荐优先采用Flexbox方案，避免浮动副作用，提升维护性，仅在兼容老旧浏览器时考虑float。
-
可通过快捷键保存文件后手动双击打开预览；2.配置BuildSystem实现Ctrl+B运行；3.安装ViewinBrowser插件右键预览；4.设置F12快捷键快速打开浏览器预览。
-
依赖注入是通过外部注入依赖实现控制反转，提升解耦与可测试性；文中给出构造函数注入示例及简易DI容器实现，支持单例与瞬时生命周期管理，最后介绍使用场景与成熟库InversifyJS。
-
align-items:stretch默认生效但需父容器有明确高度，且子元素未被align-self、min/max-height或内容尺寸限制；统一box-sizing和设置height:100%可避免常见陷阱。
