-
模态框产生焦点陷阱因默认浏览器行为未限制焦点范围，导致键盘用户焦点逃逸至背景内容，影响可访问性；需通过捕获初始焦点、限制内部循环及正确使用ARIA属性来解决。
-
使用position:fixed+transform是推荐的模态框居中方案，通过top:50%、left:50%和transform:translate(-50%,-50%)实现未知宽高下的精准居中，兼容性好且无需预先知道尺寸；另一种是position:absolute配合负margin，适用于已知宽高情况，需父容器相对定位并手动设置边距，维护性较差。建议搭配fixed定位的半透明遮罩层提升体验，合理设置z-index确保层级正确。
-
使用float与margin可实现传统多列布局，通过设置元素浮动及外边距控制排列与间距，配合清除浮动避免高度塌陷，适用于旧项目维护。
-
答案：HTML5中可通过CSS的cursor属性自定义光标样式，1.使用内置样式如pointer、wait等；2.用url()引入.cur或.png文件设置自定义光标，需指定备用光标；3.注意浏览器兼容性，推荐小尺寸.cur文件以优化性能；4.常用于游戏、设计工具等增强交互体验。
-
类选择器与:hover结合实现鼠标悬停样式变化；2.子代选择器与:nth-child配合选中特定子元素；3.属性选择器与:focus联用控制输入框聚焦样式；4.多类组合与:not伪类排除特定状态元素。组合选择器与伪类搭配可提升CSS灵活性和表现力，适用于交互反馈、列表优化和表单管理，需注意优先级与匹配逻辑。
-
使用CSSposition与伪元素可创建无需JavaScript的提示气泡，通过相对定位与绝对定位结合，利用::after显示提示内容，::before绘制箭头，配合data属性控制方向和内容，实现轻量且可复用的Tooltip组件。
-
剩余参数和默认参数提升JavaScript函数灵活性：剩余参数（...args）收集多余参数为数组，必须位于参数列表末尾；默认参数为形参提供备用值，调用时未传参或为undefined则使用默认值，可依赖前置参数；二者可结合使用，适用于日志、配置等场景，减少冗余判断，增强代码可读性与健壮性。
-
媒体查询通过设备特性应用不同样式，实现响应式设计。使用@media规则定义条件，如(min-width:768px)设置断点，配合width、height、orientation等特性适配屏幕。移动端优先策略推荐先写小屏样式，再用min-width递增布局。常见断点为768px、1024px、1200px，结合and连接多个条件，确保页面在各类设备良好显示。
-
本文深入探讨了在D3SVG中创建复杂三角区域多角渐变的方法。针对传统线性或径向渐变难以实现多角颜色过渡的挑战，教程提出结合CSS锥形渐变（conic-gradient）与SVG的foreignObject元素，并通过SVG遮罩（mask）技术将矩形渐变精确裁剪到任意三角形形状内，从而实现从每个角发出不同颜色的视觉效果。
-
使用Flex布局结合overflow-x实现响应式横向滚动，1.通过display:flex和flex-wrap:nowrap水平排列子元素；2.设置overflow-x:auto启用横向滚动，支持平滑滚动与触控；3.使用flex:00auto防止子元素被压缩；4.通过媒体查询适配不同屏幕尺寸，确保内容完整显示。
-
按需加载组件样式可通过动态创建link标签实现，只在需要时加载对应CSS，提升首屏性能。1.使用JavaScript创建link标签并插入head；2.加载前检查是否已存在相同href避免重复；3.在React的useEffect或Vue的mounted中调用加载函数；4.可选预加载提示优化体验。核心是控制加载时机与去重。
-
答案：通过JavaScript可动态修改HTML元素的样式、属性和内容。使用style属性或classList操作样式，setAttribute或直接访问修改属性，textContent和innerHTML更新内容，结合选择器实现交互效果。
-
mark标签的核心作用是语义化高亮文本，用于突出与用户查询或上下文相关的内容；2.它与span标签的本质区别在于mark自带“标记重要性”语义，而span仅为无语义样式容器；3.常见应用场景包括搜索结果关键词高亮、长文核心信息突出、引用内容强调及代码片段中标记变量；4.可通过CSS自定义样式，但需确保颜色对比度满足可访问性标准、避免过度设计，并可按上下文设置不同样式规则，从而提升用户体验和信息结构化表达完整。
-
@import可用于CSS模块化与按需加载。通过在文件顶部引入其他样式表，如@importurl("base.css")，实现代码拆分；结合媒体查询@importurl("mobile.css")screenand(max-width:768px)，可条件加载打印、移动端或深色模式样式；建议采用功能模块化目录结构，如_variables.css、components/等，并在main.css中聚合；但@import会增加HTTP请求且串行加载，影响性能，应避免嵌套并优先使用构建工具处理依赖，适用于简单项目
-
JavaScript中正则表达式用于字符串匹配、查找、替换和验证，可通过字面量如/abc/或构造函数newRegExp("abc")创建；常用修饰符包括i（忽略大小写）、g（全局匹配）和m（多行模式）；核心元字符有.（任意字符）、\d（数字）、\w（单词字符）、^/$（开头/结尾）、*+/?/{n}（重复次数）、[]（字符类）、()（分组）；主要方法为test()（检测匹配）、exec()（获取匹配详情）、match()（返回匹配数组）、replace()（替换内容）、split()（正则分割）；典型应用
