-
z-index控制元素层叠顺序，但仅对定位元素（position为relative、absolute、fixed、sticky）生效；其值越大层级越高，且受层叠上下文限制，不同上下文中z-index独立比较，需合理规划层级避免覆盖问题。
-
使用GitHub/GitLab进行版本化管理，按功能分类存储HTML模板，通过commit记录变更，结合README说明用法；非技术成员可借助Notion或语雀可视化管理，添加截图与标签，设置权限并收集反馈；需实时预览时选用CodePenProjects或JSFiddleTeams，支持团队协作与嵌入调用；根据团队需求选择组合方案，保持结构清晰与持续更新。
-
background-color用于设置元素背景色，支持颜色名、HEX、RGB、RGBA、HSL等值；通过为头部、内容区、按钮等设置不同背景色可提升页面结构与可读性；结合padding、border-radius、box-shadow及:hover等可增强视觉效果与交互体验；合理搭配配色方案能优化整体UI美观性与用户引导。
-
使用video标签和JavaScript可实现自定义视频控制。1.创建无默认控件的video元素并添加播放、音量、时间显示按钮；2.通过JS获取video实例，利用play()、pause()控制播放状态，监听事件更新当前时间和总时长；3.可扩展进度条拖动、全屏切换、静音、倍速播放和键盘快捷键功能，核心是同步UI与video属性状态。
-
关键在于table-layout:fixed配合外层div的overflow-x:auto；前者固定列宽防止内容撑开，后者提供横向滚动能力，缺一不可。
-
答案：通过CSS的background-image和opacity属性为HTML公告栏添加半透明水印，使用PNG或SVG格式图片并用JavaScript动态调整。
-
WeakMap通过弱引用对象键实现高效内存管理，避免内存泄漏。其键必须为对象且不阻止垃圾回收，不支持遍历与clear()方法，适用于缓存、私有数据封装等场景，但不适合需长期稳定访问的情况。与Map相比，WeakMap在对象销毁后自动释放关联数据，是优化生命周期不确定对象管理的专用工具。
-
JavaScript垃圾回收基于可达性判断对象是否可回收，通过标记清除算法周期性清理不可达对象；闭包、未解绑事件监听器等易引发内存泄漏，需及时断开引用或使用WeakMap等工具防范。
-
使用TailwindCSS可快速创建美观按钮，通过组合实用类实现样式：1.基础按钮使用bg-blue-500、text-white、py-2、px-4和rounded类；2.不同尺寸通过调整padding与text大小，如大按钮用py-3px-6text-lg；3.添加shadow、transition、duration-300实现阴影与动画；4.支持轮廓、危险、禁用等变体，提升交互体验。
-
JavaScript通过CanvasAPI的2D上下文（ctx）实现绘图交互，核心是获取上下文、调用绘图方法并结合事件监听；需注意DOM加载时机、宽高设置方式、坐标换算及状态管理。
-
首先检查文件是否保存为.html格式并使用代码编辑器，其次通过本地服务器打开页面，确保HTML结构完整且标签闭合，再清除浏览器缓存并在多浏览器测试，最后验证外部资源路径正确性。
-
Grid三列等高靠默认align-items:stretch和同属一行，非align-content；常见问题包括align-self覆盖、高度限制或容器塌缩，修复需重置stretch、设min-height:0或确保高度上下文。
-
表格边框不合并的根源是border-collapse默认为separate，解决方法是给table设置border-collapse:collapse并统一单元格边框样式，同时注意外边框叠加、表头交界处理及兼容性限制。
-
HTML表格标题必须使用语义化的<caption>标签，置于<table>内且在<thead>等元素之前；禁用<h2>–<h6>等非语义标签替代；可通过CSS的caption-side和text-align调整位置与对齐。
-
:not选择器可排除特定元素并结合组合选择器实现精细样式控制，如div>p:not(.alert)、label+input:not([type="submit"])等，适用于按钮状态、导航链接、表单字段等场景，提升代码可维护性；现代浏览器支持良好，建议避免复杂嵌套以优化性能。
