-
可通过浏览器直接打开HTML文件预览，或在VisualStudio中配置外部浏览器、使用IISExpress本地服务器、安装LiveServer扩展实现一键运行和实时刷新，满足静态展示与动态调试需求。
-
JavaScript操作iframe需区分同域与跨域：同域可直接通过contentWindow访问DOM；跨域必须使用postMessageAPI，并校验event.origin，且需等待iframe加载完成。
-
实现多列浮动布局需合理使用float属性和精确控制宽度，并处理清除浮动以避免父容器塌陷，结合box-sizing和媒体查询可提升响应式适配能力。
-
margin:auto水平居中失效的根本原因是未满足三前提：元素必须为块级（display:block/inline-block）、必须设置明确width（max-width无效）、父容器不能是flex/table布局。
-
悬浮元素脱离文档流，flex容器不为其预留空间；应优先用margin或transform模拟悬浮，必要时用absolute需配合relative父容器和z-index控制层叠。
-
colgroup标签用于对HTML表格的列进行分组并统一设置样式，常与col标签配合使用。1.colgroup通过span属性可一次性控制多列，而col用于定义单列的具体样式。2.它们的协同工作原理是colgroup提供整体样式，col实现局部覆盖。3.常见应用场景包括统一列宽、视觉分组、打印优化和简化CSS维护。4.使用时需注意其兼容性限制，如有限的CSS属性支持、样式优先级问题及display:none的局限性。了解这些特点有助于高效地控制表格列样式并避免常见问题。
-
传统的title属性不足以满足可访问性需求，因为它存在屏幕阅读器支持不一致、键盘不可访问、无法控制显示时机和样式、移动设备支持差以及内容限制等问题。为实现可访问的HTML工具提示，需采用ARIA属性与JavaScript结合的方式：1.使用语义化HTML结构，将工具提示内容置于独立元素中；2.应用ARIA属性，如aria-describedby关联触发元素与提示内容，role="tooltip"定义语义角色，aria-hidden控制可见性；3.实现键盘导航，包括焦点触发、Esc键关闭及合理管理焦点；4.
-
使用position:fixed可让元素相对于视口固定，常用于导航栏、返回顶部按钮等；通过top、bottom、left、right定位，需注意脱离文档流、层级覆盖及移动端兼容性问题。
-
通过设置HTML5文件输入框的multiple属性可实现多文件选择，结合accept属性限制文件类型，使用JavaScript控制最大文件数量并优化样式提升用户体验。
-
使用Flexbox实现水平滚动列表需设置容器display:flex、flex-wrap:nowrap和overflow-x:auto，子项设置flex:00auto并固定宽度，配合gap间距与scroll-behavior:smooth可提升体验，通过伪元素可自定义滚动条样式，适用于多端无需JavaScript。
-
:focus和:focus-within可提升表单交互体验，前者高亮当前焦点元素，后者使包含焦点元素的容器整体响应，实现无需JavaScript的视觉反馈。
-
跨域问题由同源策略引起，主流解决方案为CORS和JSONP。CORS通过服务器设置Access-Control-Allow-Origin等响应头实现，支持所有HTTP方法，是现代项目首选方案；JSONP利用script标签不受同源限制的特性，仅支持GET请求，存在安全性和错误处理缺陷，适用于老旧系统或无法使用CORS的场景。开发中应优先配置CORS，调试时通过浏览器开发者工具检查请求响应头。
-
答案：响应式布局需控制内容溢出、优化触控滚动并禁止非必要滚动。通过设置容器最大宽度、图片自适应、使用-webkit-overflow-scrolling提升流畅性，结合touch-action避免手势冲突，确保小屏设备体验流畅。
-
优先使用<link>标签引入CSS，因其在HTML解析时即可并行加载样式文件，缩短关键渲染路径；而@import需等待主CSS下载解析后才发起请求，造成串行加载和渲染延迟。
-
根站点是网站主目录，推荐结构包括index.html、css、js、images等目录，便于开发维护。
