-
<link>引入外部CSS必须写在<head>中，rel="stylesheet"和href缺一不可；href路径需正确（相对路径以HTML文件位置为基准，根目录路径加斜杠），且服务器需返回text/cssMIME类型、CSS语法无误、缓存已更新。
-
<p>应使用class替代重复的内联style，统一管理样式；用CSS自定义属性管理常量；通过data-属性实现轻量状态控制；借助@layer分层控制优先级，提升可维护性与语义化。</p>
-
float是借位排版，仅靠副作用实现布局且需手动修复塌陷；flex是原生布局，父容器自动包裹、子项默认等高居中、响应式切换只需改flex-direction。
-
答案：通过position与display属性结合实现鼠标悬停显示隐藏内容。默认用display:none隐藏元素，悬停父级时设为display:block显示；父级设position:relative，子级用position:absolute精确定位，常见于下拉菜单、提示信息等场景。
-
WebSpeechAPI的SpeechRecognition在iOSSafari中完全不支持、AndroidChrome部分版本默认禁用，且仅HTTPS或localhost下可用；需用window.SpeechRecognition||window.webkitSpeechRecognition兼容写法，并在用户手势中调用start()，设置interimResults和lang才能正常识别。
-
在Svelte中，仅修改对象属性（如data.value++）不会触发响应式更新；必须通过赋值语句（如count=count或count={...count}）显式通知框架状态已变。
-
伪元素法清除浮动需同时设置.content:""和display:table，::before防外边距合并，::after加clear:both；overflow:hidden靠触发BFC“清浮”但会裁剪溢出内容；clear:both加在浮动元素自身无效，因目标是撑开父容器而非控制元素定位。
-
Web转App工具（如WebToApp）无法原生支持HTML<inputtype="file"multiple>在Android环境下的多图选择，因WebView默认限制及文件选择器权限机制差异，需通过原生桥接或替代方案解决。
-
答案：SSR需区分执行环境，服务端仅支持初始化与渲染，客户端处理DOM和事件；通过框架机制如getServerSideProps预取数据，hydration同步状态，实现两端一致的生命周期管理。
-
WebWorkers是浏览器提供的后台线程机制，实现JS真正多线程，避免阻塞主线程；通过postMessage通信，不可访问DOM，适用于计算密集型任务。
-
Angular是Google维护的TypeScript前端框架，提供模块化架构、响应式数据流、开箱即用工具链，适合构建可维护的大型企业级应用。
-
align-items控制网格项在单元格内垂直对齐，justify-items控制水平对齐；二者生效需列/行有明确尺寸；align-content/justify-content仅在轨道总和小于容器时分配多余空间；align-self/justify-self可覆盖容器设置但有兼容性限制。
-
Flexbox可高效实现图文混排布局，通过display:flex、align-items与gap属性轻松控制对齐和间距；结合flex-direction与媒体查询实现响应式切换，支持多行文本对齐调整及弹性空间分配，提升布局灵活性与可维护性。
-
CSSNano压缩后样式失效主因是默认激进规则误删/改写关键代码，需禁用mergeRules、sortSelectors等选项，确保其作为PostCSS插件正确配置在postcss-loader中且顺序合理。
-
CSS盒模型只有标准盒模型和IE盒模型两种，标准模型中width/height仅指内容区，总宽=content+padding+border；IE模型中width/height包含content、padding和border，内容区自动收缩；通过box-sizing属性切换：content-box为标准模型，border-box为IE模型。
