mindmap
    id1[第一部分 HTML 基础]
        id1-1[HTML 概述]
        id1-2[HTML 发展历史]
        id1-3[HTML 标准与规范]
        id1-4[HTML 文档结构]
        id1-5[常用开发工具介绍]
        id1-6[HTML 基本语法]
        id1-7[标签与元素]
        id1-8[属性与值]
        id1-9[注释语法]
        id1-10[文档类型声明]
        id1-11[文本与段落]
        id1-12[标题标签]
        id1-13[段落标签]
        id1-14[文本格式化标签]
        id1-15[特殊字符实体]
        id1-16[链接与图像]
        id1-17[超链接标签]
        id1-18[图像标签]
        id1-19[相对路径与绝对路径]
        id1-20[图像格式与优化]
        id1-21[列表与表格]
        id1-22[有序列表]
        id1-23[无序列表]
        id1-24[定义列表]
        id1-25[表格结构与属性]

mindmap
    id2[第二部分 HTML 进阶]
        id2-1[表单与输入]
        id2-2[表单元素]
        id2-3[输入类型]
        id2-4[表单验证]
        id2-5[表单提交方式]
        id2-6[语义化标签]
        id2-7[结构标签]
        id2-8[文本语义标签]
        id2-9[多媒体语义标签]
        id2-10[无障碍访问支持]
        id2-11[HTML5 新特性]
        id2-12[新增语义元素]
        id2-13[多媒体支持]
        id2-14[本地存储]
        id2-15[地理定位 API]
        id2-16[元数据与 SEO]
        id2-17[meta 标签详解]
        id2-18[搜索引擎优化基础]
        id2-19[结构化数据]
        id2-20[移动端适配]

mindmap
    id3[第三部分 CSS 基础]
        id3-1[CSS 概述]
        id3-2[CSS 发展历程]
        id3-3[CSS 语法规则]
        id3-4[样式表引入方式]
        id3-5[浏览器渲染原理]
        id3-6[选择器]
        id3-7[基础选择器]
        id3-8[组合选择器]
        id3-9[属性选择器]
        id3-10[伪类与伪元素]
        id3-11[盒模型]
        id3-12[内容区域]
        id3-13[内边距]
        id3-14[边框]
        id3-15[外边距]
        id3-16[文本样式]
        id3-17[字体属性]
        id3-18[文本对齐]
        id3-19[行高与间距]
        id3-20[文本装饰]
        id3-21[颜色与背景]
        id3-22[颜色表示方法]
        id3-23[背景属性]
        id3-24[渐变背景]
        id3-25[背景图片处理]

mindmap
    id4[第四部分 CSS 布局]
        id4-1[传统布局]
        id4-2[浮动布局]
        id4-3[定位布局]
        id4-4[显示属性]
        id4-5[溢出处理]
        id4-6[Flexbox 布局]
        id4-7[容器属性]
        id4-8[项目属性]
        id4-9[主轴与交叉轴]
        id4-10[响应式 Flexbox]
        id4-11[Grid 布局]
        id4-12[网格容器]
        id4-13[网格项目]
        id4-14[网格线命名]
        id4-15[网格区域定义]
        id4-16[响应式设计]
        id4-17[媒体查询]
        id4-18[视口设置]
        id4-19[移动优先策略]
        id4-20[断点设计原则]

mindmap
    id5[第五部分 CSS 进阶]
        id5-1[变换与动画]
        id5-2[D 变换]
        id5-3[D 变换]
        id5-4[过渡效果]
        id5-5[关键帧动画]
        id5-6[预处理语言]
        id5-7[Sass 基础语法]
        id5-8[Less 使用方法]
        id5-9[变量与混合]
        id5-10[模块化组织]
        id5-11[CSS 架构]
        id5-12[BEM 命名规范]
        id5-13[OOCSS 原则]
        id5-14[SMACSS 方法]
        id5-15[ITCSS 架构]
        id5-16[性能优化]
        id5-17[选择器性能]
        id5-18[渲染性能]
        id5-19[文件压缩]
        id5-20[缓存策略]

mindmap
    id6[第六部分 实战应用]
        id6-1[项目构建]
        id6-2[项目结构规划]
        id6-3[代码规范制定]
        id6-4[版本控制使用]
        id6-5[自动化工具配置]
        id6-6[浏览器兼容]
        id6-7[浏览器前缀]
        id6-8[特性检测]
        id6-9[降级方案]
        id6-10[多浏览器测试]
        id6-11[调试技巧]
        id6-12[开发者工具使用]
        id6-13[常见问题排查]
        id6-14[性能分析工具]
        id6-15[移动端调试]
        id6-16[最佳实践]
        id6-17[代码可维护性]
        id6-18[团队协作规范]
        id6-19[文档编写]
        id6-20[持续学习资源]