核心功能
Tailwind CSS 的核心功能详解,掌握所有工具类系统。
目录
- 01-布局系统 — Flexbox、Grid、定位、容器查询
- 02-间距系统 — 内边距、外边距、间距工具类
- 03-颜色系统 — 颜色调色板、自定义颜色、透明度
- 04-字体与排版 — 字体大小、字重、行高、文本对齐
- 05-边框与圆角 — 边框样式、宽度、圆角
- 06-阴影与效果 — 阴影、模糊、透明度
- 07-响应式设计 — 断点系统、移动优先、响应式工具类
- 08-状态变体 — hover、focus、active、disabled 等
- 09-暗色模式 — 暗色模式配置与使用
学习目标
- 掌握所有核心工具类
- 理解响应式设计原理
- 能够使用状态变体
- 掌握暗色模式实现