-
可在HTML5中用<strong>（语义加粗）、<b>（纯视觉加粗）或CSSfont-weight（精细控制）实现文字加粗，优先推荐语义化标签，并避免使用已废弃的<font>标签。
-
viewportmeta标签必须设为<metaname="viewport"content="width=device-width,initial-scale=1.0">，否则移动端浏览器默认按约980px虚拟视口渲染，无法实现1:1显示；CSS需用响应式单位（rem/em）、max-width、SVG等适配dpr与屏幕尺寸，真机测试不可替代。
-
Angular是Google维护的TypeScript前端框架，提供模块化架构、响应式数据流、开箱即用工具链，适合构建可维护的大型企业级应用。
-
关卡状态必须用独立对象管理，避免全局变量污染；每个关卡应封装为类，实现生命周期钩子并显式清理资源；持久化数据需序列化、校验类型并加版本前缀；Canvas与音频须主动暂停；共享数据应只读或通过服务层受控修改。
-
JavaScript继承基于原型链，ES6的class是语法糖。原型继承灵活但易出错，适合动态场景；类继承结构清晰，利于大型项目协作，本质仍为原型链。
-
最可靠方案是用Flex或Grid布局替代float/inline-block；Flex适用于均匀分布，Grid适合固定列数；需规避vertical-align和line-height导致的偏移及最后一行塌陷问题。
-
现代浏览器禁止无用户交互的音频自动播放，必须在click或touchstart等用户手势事件中调用audio.play()并捕获Promise错误，muted无法可靠绕过限制。
-
HTML标签与属性拼写须严格遵循W3C小写规范，可通过W3C验证器、编辑器语法校验、速查表及浏览器开发者工具四步法精准识别并修正，如inputt→input、hreff→href、clas→class。
-
CSS定位常见误区有四：1.relative是相对自身原位置偏移，非父元素；2.absolute使子元素脱离文档流，易致父容器高度塌陷；3.z-index仅对已定位元素生效，且受层叠上下文限制；4.fixed参照视口内边界，其位置会随视口动态变化。
-
JavaScript表单验证前端仅辅助体验，后端强制验证才有效；onsubmit绑定需确保是submit事件而非click，preventDefault()仅在失败时调用；checkValidity()和reportValidity()局限明显，复杂规则须自定义；验证时机应分层：blur验格式、input轻量标记、submit统一对异步等场景处理。
-
可通过CSS的background属性设置纯色或渐变背景：一、用background-color设纯色；二、用background-image与linear-gradient设线性渐变；三、用background复合属性整合渐变与尺寸定位；四、用radial-gradient设径向渐变；五、用媒体查询实现响应式适配。
-
合理设置line-height可解决段落行高过高问题。通过使用无单位数值（如1.4）、重置默认样式、针对字体调整间距，并注意继承对子元素的影响，能有效提升文本可读性与界面排版紧凑度。
-
border-radius与overflow:hidden联用时圆角内仍漏内容，是因为overflow:hidden仅裁剪直接子元素；若子元素使用position:absolute、transform、will-change或触发新层叠上下文（如设置opacity），则脱离常规流，裁剪失效。
-
首先确认HTML文件位于WebContent或src/main/webapp目录下，1、通过“Properties”→“DeploymentAssembly”确保源目录已添加；2、右键HTML文件选择“RunonServer”并选择正确服务器实例；3、检查HTML中资源路径是否使用相对路径如“./css/style.css”；4、在“Servers”视图中配置项目模块的上下文路径，修改后重启服务器使设置生效。
-
通过JavaScript动态修改CSS线性渐变实现背景动画，使用setInterval或requestAnimationFrame定时更新角度与颜色，结合transition使过渡更流畅，配合border-radius等样式增强视觉效果，形成平滑且美观的渐变动画。
