-
最适合HTML开发的是VSCode，因其免费开源、插件生态丰富、支持Emmet、LiveServer实时预览及Git集成；SublimeText轻量高效但缺调试功能；Notepad++适合Windows轻量编辑；Dreamweaver主打可视化但收费且不支持现代框架；Brackets实时预览优秀但更新缓慢。
-
在AntDesign项目中正确覆盖Less变量需确保自定义变量在antd默认样式前加载，通过入口文件先引入自定义Less（含default.less导入与重定义），避免修改node_modules；CRA中须用craco配置less.modifyVars并加引号，注意变量依赖链与组件硬编码限制。
-
使用float和width可实现文字环绕效果，浮动元素需设明确宽度并置于文本前，通过clear或BFC防止布局错乱，确保多行环绕正常显示。
-
clearfix用于解决浮动元素导致父容器高度塌陷的问题，通过在父元素上应用特定CSS规则使其正确包裹子元素。常见写法包括基础clear:both（不推荐）、micro-clearfix及NicolasGallagher提出的兼容方案，后者通过display:table和zoom:1支持IE6-IE8。现代开发推荐使用Flexbox或Grid布局替代浮动，若需兼容旧浏览器则采用完整micro-clearfix类。实际项目中应优先选择现代布局方式，避免依赖清除浮动技术。
-
Node.js中启用ES6模块需显式声明：一、package.json加"type":"module"；二、用.mjs后缀；三、启动时加--input-type=module。二者不兼容，import是静态编译期解析，require是运行时动态加载，路径和作用域限制不同。
-
:empty选择器用于选中无子节点的元素，包括文本、空格或子元素；其语法为selector:empty{}，可应用于表单校验、占位提示及隐藏空元素；需注意注释不视为内容，但空格和换行会影响匹配，现代浏览器广泛支持。
-
Word“另存为网页”生成的是含mso-样式和表格布局的非语义化HTML，适合快速共享；Pandoc可输出标准语义HTML并支持样式定制；python-docx+BeautifulSoup适合深度定制；导出后须检查路径、编码和表格渲染。
-
视频在flex布局中默认按基线对齐且为替换元素，易导致视觉错位；需显式设置align-items、控制宽高（如width:0;min-width:100%;aspect-ratio）、合理隐藏（visibility:hidden）并注意移动端touch行为。
-
使用ul和li构建导航结构，通过CSS设置横向排列与悬停效果，实现语义清晰、易于维护的水平导航栏，利于SEO且适合初学者掌握HTML与CSS协作方式。
-
答案：通过CSS的transform、transition和3D变换实现卡片翻转。首先构建包含前后两面的容器，设置perspective营造景深，backface-visibility隐藏背面；再利用rotateY控制旋转，transition定义动画；最后通过:hover触发正面rotateY(-180deg)与背面rotateY(0deg)，完成平滑翻转，配合阴影与圆角提升视觉效果。
-
用flex-grow撑开子元素需先设父容器display:flex，再根据方向设flex-direction，子元素设flex-grow分配剩余空间，同时排除固定宽高、white-space等干扰。
-
根本原因是浏览器对file://协议的跨源限制，必须通过HTTP服务（如LiveServer、http-server或Python内置服务器）运行；路径需以HTML文件位置为基准，区分相对/绝对路径；GitHubPages等Linux环境严格区分大小写；动态导入和预加载路径须字面量精确；前端路由需服务端fallback配置。
-
事件委托是将子元素事件监听器绑定到父元素，利用事件冒泡和event.target精准识别目标元素，减少监听器数量、降低内存开销与DOM操作压力，适用于动态列表、表格、菜单等场景。
-
ES6模块是静态解析的，import/export必须在顶层作用域，支持Tree-shaking；CommonJS是运行时执行，require可动态加载但不支持Tree-shaking；两者默认导出机制不同，互操作需注意default包装；Node.js中需通过文件后缀或type字段区分模块类型。
-
需绕过Jimdo默认画廊，用HTML5语义标签构建结构，CSSGrid实现响应式缩略图布局，<details><summary>添加无JS展开交互，<picture>适配多分辨率，CSS悬停与焦点优化满足可访问性。
