mindmap
    id1[CSS 概述]
        id1-1[什么是CSS]
        id1-2[CSS 定义与全称]
        id1-3[CSS 在网页设计中的作用]
        id1-4[CSS 与HTML的关系]
        id1-5[CSS 的基本特性]
        id1-6[层叠性原理]
        id1-7[继承性机制]
        id1-8[优先级规则]
        id1-9[CSS 的优势]
        id1-10[内容与表现分离]
        id1-11[提高开发效率]
        id1-12[便于维护和更新]
        id1-13[增强网页可访问性]

mindmap
    id2[CSS 发展历程]
        id2-1[早期阶段 1994-1996]
        id2-2[Håkon Wium Lie 提出CSS概念]
        id2-3[第一个CSS规范草案]
        id2-4[早期浏览器支持情况]
        id2-5[CSS1 规范 1996]
        id2-6[主要特性介绍]
        id2-7[选择器类型]
        id2-8[字体和文本属性]
        id2-9[盒模型基础]
        id2-10[CSS2 规范 1998]
        id2-11[新增功能概述]
        id2-12[定位机制]
        id2-13[媒体类型]
        id2-14[表格样式]
        id2-15[CSS2.1 规范 2004-2011]
        id2-16[对CSS2的修正和完善]
        id2-17[浏览器兼容性改进]
        id2-18[实际应用推广]
        id2-19[CSS3 时代 1999至今]
        id2-20[模块化开发理念]
        id2-21[主要模块介绍]
        id2-22[渐进式增强策略]

mindmap
    id3[CSS 技术演进]
        id3-1[选择器的发展]
        id3-2[基础选择器]
        id3-3[属性选择器]
        id3-4[伪类和伪元素]
        id3-5[CSS3新增选择器]
        id3-6[布局技术的演变]
        id3-7[表格布局时代]
        id3-8[浮动布局]
        id3-9[定位布局]
        id3-10[Flexbox 布局]
        id3-11[Grid 布局]
        id3-12[响应式设计]
        id3-13[媒体查询技术]
        id3-14[流动布局]
        id3-15[弹性图片]
        id3-16[移动优先策略]
        id3-17[动画与变换]
        id3-18[Transition 过渡]
        id3-19[Transform 变换]
        id3-20[Animation 动画]
        id3-21[D 变换效果]

mindmap
    id4[CSS 预处理器]
        id4-1[预处理器概述]
        id4-2[为什么需要预处理器]
        id4-3[主要预处理器介绍]
        id4-4[编译原理]
        id4-5[Sass/SCSS]
        id4-6[变量定义和使用]
        id4-7[嵌套规则]
        id4-8[Mixin 混合器]
        id4-9[继承机制]
        id4-10[函数功能]
        id4-11[Less]
        id4-12[特性介绍]
        id4-13[与Sass的对比]
        id4-14[在项目中的应用]
        id4-15[Stylus]
        id4-16[语法特点]
        id4-17[灵活的函数系统]
        id4-18[实际应用场景]

mindmap
    id5[CSS 框架与工具]
        id5-1[主流CSS框架]
        id5-2[Bootstrap 发展历程]
        id5-3[Foundation 特点]
        id5-4[Bulma 优势]
        id5-5[Tailwind CSS 理念]
        id5-6[CSS 方法论]
        id5-7[BEM 命名规范]
        id5-8[OOCSS 面向对象CSS]
        id5-9[SMACSS 可扩展架构]
        id5-10[ITCSS 倒三角形架构]
        id5-11[构建工具]
        id5-12[PostCSS 生态系统]
        id5-13[Autoprefixer 自动前缀]
        id5-14[CSS Modules 模块化]
        id5-15[CSS-in-JS 方案]

mindmap
    id6[现代CSS特性]
        id6-1[CSS 变量]
        id6-2[自定义属性定义]
        id6-3[作用域和继承]
        id6-4[在JavaScript中的使用]
        id6-5[新的布局系统]
        id6-6[CSS Grid 详细用法]
        id6-7[Subgrid 子网格]
        id6-8[Masonry 瀑布流布局]
        id6-9[现代选择器]
        id6-10[:is   和 :where]
        id6-11[:has   父选择器]
        id6-12[容器查询]
        id6-13[其他新特性]
        id6-14[逻辑属性]
        id6-15[颜色函数]
        id6-16[滚动捕捉]
        id6-17[视口单位]

mindmap
    id7[CSS 未来发展趋势]
        id7-1[CSS Houdini]
        id7-2[工作流程介绍]
        id7-3[自定义属性与值API]
        id7-4[绘制API]
        id7-5[布局API]
        id7-6[新兴规范]
        id7-7[CSS Nesting 嵌套]
        id7-8[Scope 作用域]
        id7-9[层叠层 @layer]
        id7-10[颜色空间扩展]
        id7-11[性能优化]
        id7-12[包含块优化]
        id7-13[渲染性能提升]
        id7-14[资源加载策略]
        id7-15[跨平台适配]
        id7-16[多设备兼容]
        id7-17[新兴显示技术支持]
        id7-18[无障碍访问增强]