-
当元素是父容器唯一子元素时:only-child生效，可用于动态布局中精准控制样式；例如通知框居中、按钮组间距优化及响应式设计中单个商品项占满宽度，无需依赖类名或JavaScript干预。
-
HTML5中实现图标有五种主流方式：一、图标字体（如FontAwesome），通过CDN引入并用标签调用；二、内联SVG，直接嵌入SVG代码并用CSS控制；三、SVGSprite，整合多图标为单文件并通过<use>引用；四、<img>标签引入外部SVG文件，适合静态图标；五、CSSbackground-image配合SVGDataURI，适用于小型装饰图标。
-
可将HTML转换为PDF、Word、纯文本等格式：一、浏览器打印导出PDF；二、Word打开另存为DOCX；三、pandoc命令行批量转换；四、在线工具提取纯文本；五、Python脚本生成PDF。
-
首先创建包含HTML和CSS动画代码的本地网页文件夹，再通过WallpaperEngine的“从文件夹导入”功能加载index.html，最后优化动画性能与资源适配性以确保流畅运行。
-
跨域问题由浏览器同源策略引发，主要解决方案有：1.CORS通过服务器设置Access-Control-Allow-Origin等响应头实现，是主流方案；2.JSONP利用script标签不受限特性，仅支持GET请求；3.代理服务器通过Nginx或开发工具配置转发请求，实现同源通信；4.postMessage用于iframe间跨域通信，需验证origin确保安全。生产环境推荐CORS或代理方案。
-
CSS盒模型本身不导致性能问题，但频繁读写布局属性（如offsetWidth）、修改几何属性（width/height等）或未优化的JS操作会触发高开销重排；应优先用transform/opacity、box-sizing:border-box、批量操作和图层提升来避免。
-
HTML通过浏览器解析实现页面展示，首先请求HTML文件，解析生成DOM树，同时加载CSS形成CSSOM，二者结合构建渲染树，再经布局、绘制和合成最终呈现页面。
-
能，但需用得对、选得准、管得住；工具通过规则约束CSS弱约束缺陷，提升可预测性与可追溯性，而非消除Bug。
-
可通过CSS的border-style:dashed设置虚线边框，或用border-image、box-shadow、伪元素等方法实现自定义虚线效果。
-
确保用户主题偏好在页面刷新后依然有效的方法是使用localStorage持久化存储；2.页面加载时从localStorage读取主题设置并应用到html元素；3.结合系统偏好（prefers-color-scheme）提供默认主题；4.在大型项目中可采用组件级状态管理（如ContextAPI）、SSR主题同步、CSS-in-JS集成及按需加载CSS等高级优化策略，以提升性能与维护性，整个方案通过JavaScript动态操作类名与CSS变量实现主题切换，并保证用户体验连贯完整。
-
HTML5中实现iframe横向并排有五种CSS方案：一、Flexbox（推荐）；二、Float（兼容旧浏览器）；三、Inline-block（易控垂直对齐）；四、CSSGrid（精确列控制）；五、Table-cell（天然横向+垂直居中）。
-
EventTarget是JavaScript事件系统的核心接口，提供addEventListener、removeEventListener和dispatchEvent三个方法，用于注册、移除和触发事件；所有可响应事件的DOM对象如Element、Document、Window都实现该接口，支持捕获、目标、冒泡阶段的事件流处理，并可通过CustomEvent实现自定义事件通信。
-
自动完成组件的核心在于搜索匹配逻辑的快、准、灵活，需兼顾前缀匹配、防抖缓存、虚拟列表、模糊与拼音支持及键盘导航等体验细节。
-
<p>position:absolute会切断可访问性树连接，导致屏幕阅读器跳过元素；需用role、aria-*显式声明语义，手动管理焦点，避免visibility:hidden或opacity:0隐藏，慎用z-index遮挡，fixed导航栏需配合scroll-margin-top防遮挡，伪元素内容不可读须补充aria-label或替换为真实元素。</p>
-
min-width不生效主因是布局或父容器限制，需检查父元素宽度、flex-shrink影响、Grid列宽设置，并避免与width冲突；建议用min-width+max-width组合、设置table-layout:fixed、配合媒体查询和vw单位优化响应式表现。
