mindmap
    id1[CSS 基础概念]
        id1-1[CSS 简介]
        id1-2[CSS 的定义与作用]
        id1-3[CSS 的发展历史]
        id1-4[CSS 与 HTML 的关系]
        id1-5[CSS 的优势与特点]
        id1-6[CSS 基本语法结构]
        id1-7[选择器语法规则]
        id1-8[声明块结构]
        id1-9[属性和值的格式]
        id1-10[注释的使用方法]
        id1-11[CSS 引入方式]
        id1-12[内联样式]
        id1-13[内部样式表]
        id1-14[外部样式表]
        id1-15[@import 规则]

mindmap
    id2[CSS 选择器]
        id2-1[基本选择器]
        id2-2[元素选择器]
        id2-3[类选择器]
        id2-4[ID 选择器]
        id2-5[通配符选择器]
        id2-6[组合选择器]
        id2-7[后代选择器]
        id2-8[子元素选择器]
        id2-9[相邻兄弟选择器]
        id2-10[通用兄弟选择器]
        id2-11[属性选择器]
        id2-12[存在和值选择器]
        id2-13[子串值选择器]
        id2-14[正则表达式匹配]
        id2-15[伪类选择器]
        id2-16[链接伪类]
        id2-17[用户行为伪类]
        id2-18[结构伪类]
        id2-19[状态伪类]
        id2-20[伪元素选择器]
        id2-21[::before 和 ::after]
        id2-22[::first-letter 和 ::first-line]
        id2-23[::selection]
        id2-24[::placeholder]

mindmap
    id3[CSS 属性和值]
        id3-1[文本样式属性]
        id3-2[字体属性]
        id3-3[文本对齐属性]
        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[颜色值]
        id4-7[颜色关键字]
        id4-8[进制颜色]
        id4-9[RGB 和 RGBA]
        id4-10[HSL 和 HSLA]
        id4-11[数值和百分比]
        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[重要性规则]
        id5-3[特殊性计算]
        id5-4[源顺序规则]
        id5-5[层叠上下文]
        id5-6[继承机制]
        id5-7[可继承属性]
        id5-8[不可继承属性]
        id5-9[继承控制]
        id5-10[初始值重置]
        id5-11[优先级管理]
        id5-12[选择器权重]
        id5-13[!important 规则]
        id5-14[内联样式优先级]
        id5-15[继承优先级]

mindmap
    id6[CSS 高级特性]
        id6-1[媒体查询]
        id6-2[媒体类型]
        id6-3[媒体特性]
        id6-4[响应式断点]
        id6-5[设备适配]
        id6-6[变量和自定义属性]
        id6-7[CSS 变量定义]
        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[跨列显示]

mindmap
    id7[CSS 调试和优化]
        id7-1[调试工具]
        id7-2[浏览器开发者工具]
        id7-3[CSS 验证工具]
        id7-4[性能分析工具]
        id7-5[兼容性检查工具]
        id7-6[性能优化]
        id7-7[选择器性能]
        id7-8[渲染性能]
        id7-9[文件压缩]
        id7-10[缓存策略]
        id7-11[代码组织]
        id7-12[CSS 方法论]
        id7-13[命名规范]
        id7-14[模块化设计]
        id7-15[代码复用]

mindmap
    id8[CSS 兼容性和最佳实践]
        id8-1[浏览器兼容性]
        id8-2[厂商前缀]
        id8-3[特性检测]
        id8-4[渐进增强]
        id8-5[优雅降级]
        id8-6[现代 CSS 特性]
        id8-7[CSS3 新特性]
        id8-8[CSS4 提案特性]
        id8-9[实验性特性]
        id8-10[未来发展趋势]
        id8-11[最佳实践指南]
        id8-12[代码规范]
        id8-13[可维护性]
        id8-14[可访问性]
        id8-15[性能考虑]