-
必须设transform-style:preserve-3d，否则子元素被压平成2D，rotateY/X无效；需加在直接包裹正反面的容器上，且移动端需补-webkit前缀。
-
纯CSS可实现DNA双螺旋动画：用--d控制偏移与延迟，transform-style:preserve-3d+perspective启用3D，伪元素镜像旋转（rotateY±360deg）模拟碱基对缠绕。
-
CSScontent属性无法响应屏幕尺寸变化，必须配合媒体查询控制伪元素显隐；常见失效原因包括样式覆盖、display/visibility隐藏、空content值及布局塌陷；推荐移动优先写法并注意兼容性与布局抖动问题。
-
1、可通过浏览器直接打开HTML文件预览，右键选择用Chrome等浏览器打开即可；2、也可通过浏览器菜单的“打开文件”功能加载本地HTML文件；3、双击文件可利用系统默认程序快速查看，建议将浏览器设为默认打开工具；4、使用VSCode等编辑器配合“在浏览器中打开”或LiveServer插件实现边写边看；5、对于含JS、CSS或AJAX的复杂页面，应搭建本地服务器运行，如通过Node.js安装live-server工具，在命令行启动服务后访问localhost:8080查看效果。
-
不该用浮动做表单布局，因其导致文档流脱离、错位、响应失效及可访问性问题；推荐用CSSGrid或Flexbox替代，旧项目维护可保留，新增页面应避免。
-
用:root定义带语义前缀的主题变量（如--theme-color-primary），通过class切换:root下的变量值实现主题切换；transition需作用于具体属性（如background-color），而非变量名本身，且所有尺寸变量须在初始CSS中定义以避免抖动。
-
根本原因是iOS系统在input等元素聚焦时检测到font-size＜16px触发辅助缩放，真正有效解法是统一设为≥16px，如input,textarea,select,[contenteditable]{font-size:16px!important}。
-
本文详解jQuery动态Tooltip不可见的根本原因——未正确触发动画类，提供简洁可靠的修复方案：复用DOM中预置的tooltip元素并添加appear类，避免重复创建与手动定时移除，确保视觉反馈即时、平滑且可维护。
-
固定表头需对th设置position:sticky;top:0;，而非thead；必须保留标准thead/tbody结构以保障语义化，iOS需父容器设height+overflow-y:auto且th有显式width。
-
IIFE用于ES5及之前模拟块级作用域，解决var变量提升、循环闭包、全局污染等问题；通过自调用函数创建独立词法作用域，封装私有变量并暴露公共接口；ES6后被let/const和模块系统取代。
-
HTML5规范明确支持UTF-8和UTF-16编码，其中UTF-8是强制要求必须支持的唯一编码，UTF-16为可选支持；其他如ISO-8859-1、GBK等虽被主流浏览器实际支持，但非HTML5规范强制要求。
-
优先用display:flow-root触发BFC清除浮动，语义清晰副作用小；兼容IE8则用::after伪元素清除；clear:both仅对紧跟浮动后的块级盒生效，遇flex/grid或inline元素即失效。
-
在HTML中引入CSS的方法有四种：内联样式、内嵌样式、外部样式表和导入样式。1.内联样式适合临时调整，但会使代码冗长且无法缓存。2.内嵌样式适用于小型项目，但无法缓存且可能影响加载速度。3.外部样式表是最常用和推荐的方法，适合大型项目，但需额外HTTP请求。4.导入样式适合将CSS分模块，但会增加HTTP请求并影响性能。
-
CSSGrid可高效拼接群聊头像：通过grid-template-areas精准定位，统一设border-radius:50%、object-fit:cover及overflow:hidden；按人数（2×2/3×3）和屏幕断点响应式布局，配合z-index层级控制右下角叠加，并用width/height属性防闪烁。
-
应避免滥用<hr>，它仅适用于主题段落间的语义分隔；多数视觉分隔需求应使用<divclass="divider">配合CSS实现，兼顾样式可控性、可访问性与暗色模式支持。
