系统讲解 CSS Flex 布局的主轴、交叉轴、justify-content、align-items、flex-wrap、gap、居中方案和响应式实战。

讲解 CSS Grid 布局的行列定义、fr 单位、repeat、minmax、区域命名、响应式区域和页面排版案例。

讲解 CSS position: sticky 的基础用法、吸顶导航、侧边目录、表头固定，以及 overflow、父容器、高度和层级导致失效的排查方法。

讲解 CSS 变量的基础语法、作用域、默认值、主题切换、颜色管理、组件复用、响应式参数和常见错误。

讲解 CSS 媒体查询的基础语法、移动优先、断点选择、手机平板桌面适配、响应式图片、导航适配和调试方法。

讲解 CSS transition 与 animation 的区别、浏览器渲染流程、transform 和 opacity 优先原则、GPU 加速、will-change 和动画性能排查。