-
Normalize.css本质是温和校准浏览器默认样式差异，而非暴力清零；它保留语义化合理默认（如button样式、列表缩进），仅修正跨浏览器不一致渲染（如audio/video宽高、sub/sup对齐、details折叠等），支持IE9+，需避免与reset.css混用。
-
border-spacing仅在border-collapse:separate时生效，设为collapse则被忽略；它作用于table元素，控制单元格边框外侧间距，不支持负值和百分比，IE8及以下不支持。
-
iOSSafari直到16.4才支持inputmode，仅部分值有效且只影响键盘类型；AndroidChrome82+支持较好，但国产浏览器基本忽略；需配合type="text"使用，优先用inputmode="numeric"而非type="number"。
-
使用Git进行HTML代码版本管理需先安装并配置Git，然后初始化本地仓库，提交代码至本地仓库，连接远程仓库并推送代码，最后通过拉取远程更新与解决冲突实现团队协作。
-
表单提交失败是因协议限制、请求头缺失、编码错配及框架劫持多重叠加所致；应先抓包确认请求发出，再比对请求头与body，最后检查前端绑定逻辑是否被覆盖。
-
::before和::after伪元素通过content属性实现动态提示与装饰，结合data属性和动画可提升交互体验。1.必须定义content，可为空或插入文本、属性值；2.利用attr(data-tip)读取自定义数据生成提示；3.添加脉冲等动画增强视觉反馈；4.注意父元素定位、避免事件遮挡、控制动画性能。合理使用可在不增DOM情况下优化界面表现。
-
可通过双击HTML文件用默认浏览器直接打开预览；2.也可在浏览器中手动选择“打开文件”加载本地HTML；3.使用VSCode等编辑器配合LiveServer插件实现保存自动刷新；4.还能通过Python命令行启动本地服务器，在http://localhost:8000访问页面，适合模拟真实环境。
-
答案：通过同时使用opacity和transform属性并结合transition，可实现元素透明度与位置的流畅复合动画。具体描述：opacity控制透明度变化，transform实现位移等形变，二者均属于合成层属性，由GPU加速，避免重排重绘；将两者统一写入transition（如transition:opacity0.3sease,transform0.3sease），可在悬停或类名切换时同步触发动画；相比top/left，transform不影响布局且性能更高；常用于按钮悬停、卡片淡入上滑等场景，推
-
使用img标签插入GIF图片并设置alt属性可提升无障碍访问和SEO，如：<imgsrc="loading.gif"alt="正在加载，请稍等"width="100"height="100"/>。
-
应使用rgba()或hsla()单独设置背景透明度，避免opacity影响文字；复杂背景用伪元素叠加遮罩；IE8降级用PNG或filter；渐变背景需提供不透明fallback。
-
hover配合transition实现属性变化的平滑过渡，需在非hover状态定义transition；复杂动画则需@keyframes+animation；常见失效原因包括overflow裁切、display切换、伪类顺序错误及移动端无hover支持。
-
使用animation-delay属性可设置CSS动画的延迟时间，支持秒或毫秒单位，正值延迟开始，负值从中间启动，配合keyframes定义动画，简写形式更推荐，多个动画可用逗号分隔延迟值，提升动效节奏与体验。
-
最可靠的方式是利用::before伪元素占位+padding-top百分比（基于父宽），内容绝对定位填充；padding-top值=(高/宽)×100%，如16:9为56.25%；需配合width/height100%与object-fit控制子内容，兼容性优于aspect-ratio。
-
响应式按钮组通过Flexbox布局和媒体查询实现，确保多设备兼容。1.使用div包裹按钮并应用flex布局；2.设置按钮样式及悬停效果；3.在屏幕宽度小于600px时切换为垂直排列并调整尺寸；4.优化可访问性与触摸体验，提升整体可用性。
-
迭代器与生成器结合Promise可实现异步流程控制，通过yield暂停函数并逐步执行异步任务，配合执行器自动处理Promise返回值，适用于懒加载和复杂流程控制，是async/await的底层原理。
