-
答案：通过background-clip:text结合渐变背景和transition控制background-position，可实现文字颜色的流动渐变效果，需注意浏览器兼容性与可读性。
-
浮动元素导致父容器高度塌陷是因为其脱离普通文档流，父容器无法感知其存在；解决方法是触发BFC，如用display:flow-root（推荐）或overflow:hidden，而非依赖clear:both或空div。
-
HTML5的inputtype="month"提供原生年月选择功能，格式为“YYYY-MM”，支持设置初始值、JavaScript动态赋值与创建，需兼容旧浏览器并注意表单提交时后端按字符串解析。
-
答案：call、apply和bind用于改变函数this指向，call与apply立即执行并分别接收参数列表和数组，bind返回绑定后的新函数且支持柯里化与new优先级处理。
-
CSS绘制形状是通过盒模型、border-radius、transform、伪元素和clip-path等属性，将基础元素“雕刻”成目标形态。1.矩形/正方形由width和height定义；2.圆形/椭圆通过border-radius:50%实现；3.三角形利用透明边框与有色边框的视觉差；4.心形结合旋转主元素与两个圆形伪元素拼合；5.气泡框用矩形主体加三角形伪元素构成“小尾巴”；6.clip-path作为“裁剪大师”，以polygon、circle等函数实现复杂非矩形裁剪，提升图形自由度；7.伪元素::b
-
使用语义化标签提升HTML可读性，关键在于准确表达内容结构。1.选用header、nav、main等标签替代无意义div；2.合理组织标题层级，保持h1至h6逻辑连贯；3.为按钮、表单等交互元素添加原生语义和aria属性；4.类名聚焦功能而非样式，如.user-profile优于.red-button。通过标签与命名的语义化，使代码更清晰、易维护，并增强对搜索引擎和辅助技术的友好性。
-
应显式声明transition属性而非all：如transition:background-color0.2s,border-radius0.3s,transform0.35sease-out；避免混用重排属性（left/top/width/height）与硬件加速属性（transform/opacity）；后声明的transition会覆盖前序同名规则；animation与transition混用易冲突，状态切换优先transition，多帧过程优先animation。
-
HTML5无加速表单渲染专用API，优化核心在于减负：规范label/input关联、批量创建DOM、预过滤禁用字段、简化验证逻辑、节流input事件。
-
防抖函数能避免高频触发是因为它通过重置定时器实现“等一等”，仅在最后一次触发后延迟执行；节流则通过时间戳或定时器控制“匀速发车”，确保固定间隔执行。
-
答案：在Eclipse中运行HTML需选支持Web的版本，安装必要插件后，配置默认浏览器或使用内置服务器运行，结合快捷键Ctrl+F11提升效率。具体步骤为：1.安装EclipseforJavaEE或Web开发者版，确保支持HTML；2.通过RunConfigurations设置WebBrowser运行方式，选择系统默认或指定浏览器；3.对含JS或AJAX的项目，转为DynamicWebProject并部署到Tomcat等服务器，避免跨域问题；4.使用Ctrl+F11快速运行最近页面，前提是已配置默认运行
-
clamp()是原生CSS函数，非JS函数或预处理器指令，语法为clamp(min,preferred,max)，按“取中间值”逻辑计算且纯CSS运行时求值。
-
答案：使用CSS的:hover伪类控制子菜单显示，通过HTML无序列表构建结构，设置position定位子菜单，默认用display:none隐藏，悬停时显示。可添加opacity过渡提升视觉效果，注意父级相对定位及兼容性问题。
-
应给高亮容器pre加padding并设box-sizing:border-box；若结构非pre则选实际父容器；启用行号插件时需同步增大padding-left和margin-left；推荐用CSS变量统一控制并设兜底值。
-
图片与文字浮动错位的核心原因是图片未限宽且脱离文档流，导致文字环绕异常；需限制图片尺寸（max-width:100%;height:auto）、统一浮动方向、清除父容器浮动（overflow:hidden或display:flow-root），并确保文字容器宽度充足、换行正常。
-
内联SVG可直接操控样式、响应式和交互，而img标签引入的SVG无法修改内部元素；需保留viewBox、删冗余属性、避免inline样式干扰CSS。
