用途：Tailwind CSS 是实用优先的 CSS 框架，通过低层级工具类直接组合出定制设计，减少维护独立 CSS 文件。适合快速原型、组件化框架（React、Vue、Svelte）、需要响应式与暗色模式的项目、希望统一间距与配色的设计系统；团队不熟悉工具类写法、需要大量自定义动画、需兼容 IE11 或无构建流程时需谨慎。
主要能力：提供布局（flex、grid）、间距、排版、颜色、透明度、边框、截断等工具类；移动优先的断点（sm、md、lg、xl、2xl，可自定义，含 max-* 最大宽度断点）；暗色模式支持 class 或 media 策略；可通过 tailwind.config.js 扩展颜色、间距、字体、圆角、阴影、动画与 keyframes；支持自定义工具类、组件与变体插件；官方插件含 forms、typography、aspect-ratio；v3+ 默认 JIT，支持任意值如 top-[117px]、bg-[#1da1f2]，并可通过 content 与 safelist 优化产物。
使用方式：安装 npm install -D tailwindcss postcss autoprefixer，再执行 npx tailwindcss init -p（yarn、pnpm 写法类似）；在 CSS 入口引入 @tailwind base; @tailwind components; @tailwind utilities;，配置 content 路径后即可在模板中书写工具类。Next.js 可用 npx create-next-app@latest my-app --tailwind。示例中按钮、卡片、容器、网格与暗色切换均以类名组合实现。
适用场景与限制：适用于组件化项目、设计系统、需要响应式与暗色模式的前端开发。限制包括工具类初学成本、对旧浏览器（IE11）支持不足、无构建流程时产物可能偏大；具体性能数据与价格暂未提供。