JavaScript全局对象在浏览器中为window，在Node.js中为global，差异源于宿主环境不同；ES2020引入globalThis实现跨环境统一访问。

align-items用于控制flex子项在交叉轴的对齐方式，其值包括stretch（默认，拉伸填充）、flex-start（起点对齐）、flex-end（终点对齐）、center（居中对齐）、baseline（基线对齐），配合flex-direction决定主轴方向，实现垂直居中、等高布局等效果，常用于导航栏垂直居中或侧边栏横向对齐，需注意stretch在子项有固定尺寸时不生效，个别子项可用align-self覆盖。

合理使用animation-fill-mode和animation-iteration-count可解决hover动画反复触发问题。通过设置animation-fill-mode:forwards使动画完成后保持最终状态，避免样式回跳；结合animation-iteration-count:1限制动画仅播放一次，防止重复启动。推荐将动画绑定到类名并用JavaScript控制添加，实现精准触发动画；对于简单交互动效，优先使用transition替代animation，利用其天然反向过渡特性，确保鼠标移入移出

回流是布局变化时重新计算几何属性并构建渲染树，重绘是样式变化后更新像素；回流必触发重绘，反之不成立。常见触发回流的操作包括DOM增删、几何属性修改、读取offset等布局信息，而颜色、背景色等视觉样式变更仅触发重绘。优化策略包括缓存布局属性、批量DOM操作、使用class切换替代style逐条修改、优先采用transform和opacity实现动画、避免表格布局，并结合requestAnimationFrame控制渲染时机。CSS层面应减少复杂选择器、启用GPU加速（如translateZ或will-ch

CSShover动画不触发的主因是transition未在默认状态声明，且需确保属性可过渡、无样式覆盖、避免布局触发。正确做法是在默认状态设transition和初始值，优先用transform/opacity等高性能属性。

浮动布局通过float属性实现左右固定、中间自适应，需清除浮动；2.Flex布局设display:flex，左右定宽，中间flex:1，推荐使用；3.Grid布局用display:grid和grid-template-columns:200px1fr200px，简洁高效；4.圣杯与双飞翼布局为经典技巧，现多被Flex和Grid取代；日常开发建议优先选择Flex或Grid，兼顾兼容性与维护性。

表格单元格错位主因是误用float于表格元素，应停止对td/th/table设float，改用display:table系列、flex或grid布局；若必须用float则需清除浮动或触发BFC。

HTML5与Java后端交互需通过HTTP或WebSocket：一、AJAX调用Servlet；二、WebSocket双向通信；三、SpringBootRESTful接口；四、表单提交。均需注意部署、路径匹配、跨域及编码问题。

内边距（padding）用于控制元素内容与边框间的距离，提升视觉舒适度。它是盒模型的一部分，位于内容外、边框内，增加padding可避免内容紧贴边框。可通过统一设置四边如padding:20px；或分别设置四边如padding:10px15px20px25px（上右下左）；也可单独设置某一边，如padding-top:10px；简写形式中两个值表示上下、左右，三个值表示上、左右、下。实际应用中，如卡片元素设置padding:16px可使内容居中留白，改用padding:16px16px24px则底部空间更

菜单展开样式异常通常因CSS未响应aria-expanded状态变化，需确保属性正确设置、选择器精准匹配、避免display冲突及高优先级样式覆盖。

可通过五种方式在HTML中嵌入小型图标：一、img标签直接插入；二、CSS背景图；三、内联SVG代码；四、字体图标；五、picture元素实现响应式加载。

box-sizing:content-box是CSS默认盒模型，width和height仅包含内容区域，不包括padding和border，设置后元素总宽为width+padding+border；常用于需精确控制内容尺寸、兼容第三方组件或配合JS尺寸计算的场景；实际开发中无需特别声明，除非全局被修改。

按钮禁用态应使用rgba降低原色不透明度（0.4–0.5），而非固定灰色，以保持色相识别、品牌一致性和无障碍可访问性；需同步调整文字色、边框色并移除悬停/焦点样式。

JavaScript是动态编程语言，具备DOM操作、异步处理等完整能力；其单线程+事件驱动模型导致异步任务延后执行；var声明提升但赋值不提升，let/const存在暂时性死区；对象赋值为引用传递，相等判断需注意引用而非值。

通过控制background-position位移、同步动画时间参数及使用CSS变量，可实现CSS动画与渐变色的流畅同步。