-
现代项目中禁用CSS@import拆文件，因其串行加载、引发FOUC；应改用构建工具的import+CSS提取机制实现按需加载、作用域隔离与缓存优化。
-
外部样式表更实用，因其实现结构与表现分离，修改一处即全站生效、提升缓存效率、增强SEO与可维护性，并支持响应式及主题切换。
-
-webkit-font-smoothing:antialiased仅在macOS/iOS的WebKit浏览器（Safari、Chrome、Edge）中生效，Windows/Linux完全忽略；其效果受系统渲染机制、字体支持、text-rendering设置及GPU加速等多重因素影响。
-
外边距重叠是相邻块级元素垂直margin合并取较大值的规范行为；加border或padding可阻止父-子间重叠，因它们破坏了无分隔物条件；推荐首选display:flow-root创建BFC解决。
-
border-width默认增加元素总宽度，如width:200px加border:10px后实际宽220px；box-sizing:border-box可将其纳入width计算，但不改变渲染厚度且对table、动画等有局限。
-
监听HTML全屏状态变化应绑定fullscreenchange事件到document，注意其不冒泡、大小写敏感；判断状态优先用document.fullscreenElement!==null，再降级检查webkit/ms前缀属性；requestFullscreen()须由用户手势触发且元素需可见。
-
:target切换区块失效的根本原因是目标元素缺少匹配的id或id与URL锚点不一致；浏览器仅识别id属性，不识别class、data-id或已废弃的name属性。
-
直接引入bootstrap.min.css会拖慢首屏，因其含200KB+全量样式，即使只用button/grid，浏览器仍需下载解析全部规则，阻塞关键渲染路径；应改用Sass源码按需导入functions/variables/mixins及所需组件。
-
color属性支持5类颜色值格式：颜色关键字、十六进制（#rgb/#rrggbb/#rgba/#rrggbbaa）、RGB函数、RGBA函数、HSL/HSLA函数；推荐优先使用十六进制或HSL因其精度高、可计算且易调色。
-
JavaScript对象操作核心方法包括创建（字面量、Object.create、Object.assign、class）、检查（hasOwnProperty、in、Object.hasOwn）、遍历（keys/values/entries/getOwnPropertyNames/getOwnPropertyDescriptors）及保护（freeze/seal/preventExtensions/defineProperty）。
-
clip-path动画不动或卡顿是因为CSS不支持polygon()坐标序列插值，需确保起止函数类型相同、参数数量一致；优先用inset()/circle()或SVGclipPath实现稳定过渡。
-
HTML5video标签无法播放视频可能因路径错误、格式不支持或缺少必要属性；需正确使用绝对路径、相对路径、网络URL，配合source元素多格式适配及preload属性优化加载。
-
表单响应式需统一设width:100%和box-sizing:border-box；小屏下label与input须用flex-direction:column堆叠；焦点时调用scrollIntoView({block:'nearest'})防键盘遮挡；原生控件如date/number需设font-size≥16px及min-height:44px。
-
表单响应式需统一设width:100%和box-sizing:border-box；小屏下label与input须用flex-direction:column堆叠；焦点时调用scrollIntoView({block:'nearest'})防键盘遮挡；原生控件如date/number需设font-size≥16px及min-height:44px。
-
:empty真正匹配完全不含任何子节点（含文本、元素、注释）的元素，哪怕一个空格或换行符都不行；它只基于DOM结构，不看视觉效果。
