-
首先使用<table>定义表格，<tr>定义行，<th>和<td>分别定义表头和数据单元格；通过colspan和rowspan合并单元格；结合CSS设置样式提升美观性；最后利用<caption>、<thead>、<tbody>、<tfoot>增强语义化与可访问性。
-
SemanticUI通过语义化命名和模块化组件实现界面整洁。其核心在于采用如uibutton、uisegment等直观类名提升代码可读性，减少命名冲突；组件化设计确保按钮、表单等元素风格统一，增强一致性；网格系统与间距工具优化布局平衡，响应式支持保障多端体验；通过theme.config等机制定制主题，在保持品牌个性的同时维持整体简洁；面对复杂需求，推荐组合基础组件、控制嵌套层级、模块化拆分页面，以维护结构清晰与长期可维护性。
-
不应混合使用Flex与Float，因Flex子项会忽略float属性，导致冗余代码和维护困难；应选择Flexbox或Grid作为现代布局方案，保持样式清晰可维护。
-
JavaScript模块循环依赖不会语法报错但会导致undefined或不完整对象，因ESM静态求值和CommonJS执行时机问题；修复首选重构拆分、次选延迟获取、三选CommonJS动态赋值。
-
使用rem单位并重置默认样式可解决字体大小不一问题。首先在html根元素设置font-size:16px，统一基准；其次用rem替代em避免嵌套放大；再通过CSSReset消除h1-h6等标签的浏览器默认样式差异；最后利用开发者工具检查继承后的计算值，确保样式一致性。掌握单位特性与继承机制是关键。
-
标准HTML文件需以<!DOCTYPEhtml>声明开头，嵌套<htmllang="zh-CN">根元素，内含<head>（含<metacharset="UTF-8">、<title>等）和<body>（含<h1>、<p>等），保存为.html后缀并用浏览器打开验证。
-
使用flex-grow:1可让子元素填满父容器剩余空间。需确保父容器设为display:flex，目标元素设置flex-grow:1，配合flex-basis与flex-shrink精确控制；常见于侧边栏固定、主内容区自适应布局，解决因未启用伸缩或缺失min-width等导致的填充失败问题。
-
JavaScript工厂模式是通过普通函数封装对象创建逻辑并返回新对象，不依赖new和构造函数，适合创建结构相似但属性不同的多个对象。
-
答案：通过CSS的color属性可修改a标签字体颜色，支持颜色名、十六进制、RGB；建议设置visited、hover、active等状态颜色，并可用text-decoration:none去除下划线。
-
JavaScript函数是可复用代码块，用于封装任务、提升可读性与维护性；可通过函数声明、表达式或箭头函数定义，支持模块化、输入输出、回调、闭包等核心功能，合理使用遵循DRY原则与单一职责。
-
ServiceWorker通过缓存策略实现离线访问和性能优化，需先注册并经历安装、激活等生命周期阶段。采用缓存优先、网络优先或先缓存后更新等策略可提升资源加载效率，结合版本控制与缓存清理确保数据有效性，仅在HTTPS或本地环境中使用。
-
可通过四种方法在手机查看电脑编写的HTML文件：一、将HTML文件传至手机后用浏览器直接打开；二、电脑开启局域网HTTP服务，手机通过同一Wi-Fi访问电脑IP地址；三、使用支持HTML运行的手机APP导入代码实时预览；四、将项目部署到GitHubPages、Vercel等静态托管平台，手机通过公网链接访问。
-
用Flex布局实现卡片自适应排列，核心是容器设display:flex和flex-wrap:wrap，卡片设flex:11280px或min-width:280px;flex:1，并通过媒体查询在不同断点调整flex-basis实现单列、双列、三列响应式布局。
-
link标签顺序影响样式生效，因CSS层叠中源顺序是权重与!important相同时的最终决胜条件；HTML中link按书写顺序阻塞解析、下载并应用，故需将基础样式置前、覆盖样式置后，禁用async/defer，并避免@import混用。
-
运行HTML文件的方法有：一、直接双击打开，用浏览器查看静态内容；二、通过浏览器菜单选择“打开文件”加载本地文档；三、使用Node.js启动本地服务器运行，支持动态功能；四、利用VSCode等编辑器的LiveServer插件实现实时预览。
