Tailwindutility类不生效最常见的原因是PurgeCSS误删未直接匹配的类名或CSS引入顺序导致覆盖；需检查content配置路径是否完整、动态class是否显式声明、@tailwind三指令顺序是否正确、JIT模式是否正常工作及PostCSS插件是否加载成功。

HTML5空格在Edge中本身正常，所谓“消失”实为CSSwhite-space默认值normal导致的合并裁剪，或字体渲染差异、HTML压缩等外部因素所致。

debugger语句是最省事的断点方式，仅在开发者工具开启时生效，需确保生产环境移除；console.table()以表格形式清晰展示数组或对象；console.trace()输出完整调用栈；MutationObserver可实时监听DOM变化。

不推荐用@import统一引入多个CSS文件，因其会阻塞渲染、导致串行加载、不利关键CSS提取；应改用构建工具合并、CSS-in-JS或手动优化。

root是拼接路径，alias是路径替换；配置location/static/时误用root会导致404；gzip和缓存需按文件类型差异化设置；正则location应精简避免性能损耗；跨域静态资源需补全MIME类型与CORS头。

用PostCSS+preset-env、UnoCSS和cssnano配置模板统一多项目CSS工程化：共享.browserslistrc、按需生成工具类、标准化压缩，三者解耦可pin，避免黑盒脚手架维护困境。

HTML4不支持响应式设计，因其缺失viewport机制、语义化容器及CSS媒体查询协同；即使添加metaviewport标签，在怪异模式下也会被忽略，仅HTML5标准模式才可靠支持。

CSS打包体积大会阻塞首屏渲染，因是阻塞资源；主因包括@import嵌套、冗余类名、重复引入UI库、PostCSS配置不当；可用purgecss按源码类名双向比对删除未用样式，需正确配置content路径与白名单。

HTML5各特性浏览器支持差异大，须按具体API或标签查caniuse.com；应采用特性检测而非UA判断，结合渐进增强与polyfill降级；构建时配置target和autoprefixer，真机测试不可少。

HTML本身无法根据环境条件加载不同样式表，必须通过构建工具（如Webpack/Vite）在构建时生成对应link标签、服务端模板渲染时判断，或在head中内联JS同步动态插入link元素。

在ChromeDevTools中快速定位覆盖某元素的CSS规则，需右键元素选“RevealinStyles”，查看带删除线的声明；优先级由内联样式>ID>类/属性/伪类>标签/伪元素决定，可用getComputedStyle验证最终值。

HTML5空格在SPA中会因inline/inline-block元素间渲染为可见间隙，影响布局与可访问性；推荐用flex布局消除空格依赖，或通过Fragment、CSSfont-size:0、SSR压缩配置等策略精准控制空白。