📌 项目地址：tailwindlabs/tailwindcss | ⭐ 96,368 颗星 | 🔧 TypeScript | 📜 未标注
它解决的不是”怎么写 CSS”，而是”要不要写 CSS”
大多数 CSS 框架解决的是”样式复用”问题，比如 Bootstrap 提供现成的按钮、卡片、导航栏。但 Tailwind CSS 走了一条完全不同的路：它不提供任何预制组件，而是给你一套原子化的工具类（utility class），让你在 HTML 里直接组合出想要的样式。
这套思路的核心变化在于：过去你写样式，需要在 HTML 和 CSS 文件之间来回跳转，给元素起类名、写样式、再回到 HTML 确认效果。Tailwind 把样式定义压缩进了类名本身，flex items-center justify-between p-4 就是完整的布局声明，不需要再打开任何 CSS 文件。
项目原名是 Tailwind CSS，由 Tailwind Labs 开发，主语言为 TypeScript，目前有超过 96000 个 Star。它不是一个”组件库”，而是一个”样式构建系统”——你仍然需要自己设计视觉，但不需要亲手写 CSS 规则。
实际用法：先用 CDN 跑通，再上构建流程
README 中没有提供具体安装命令，官方文档（tailwindcss.com）提供了完整的安装与配置指南。以下是两种典型使用路径：
快速体验（CDN 方式）
在 HTML 中直接引入 Play CDN：
<script src="https://cdn.tailwindcss.com"></script>
这种方式适合原型验证，浏览器会实时编译你写下的类名。生产环境不建议使用 CDN 方式，因为缺少优化和缓存控制。
正式项目（构建工具方式）
需要 Node.js 环境，通过 npm 安装、初始化配置文件，并在 CSS 入口中引入 Tailwind 的三个指令层。构建后生成包含你实际使用类名的压缩 CSS 文件。具体命令以官方文档为准。
开发流程的本质是：在 HTML 里写下类名，Tailwind 扫描你的源文件，找出用到的类名，只生成对应的 CSS 规则。你永远不会看到”写了一堆样式但是没用上”的情况。
和同类工具的本质区别：不是替代品，是另一种范式
拿 Bootstrap 和 Tailwind 对比：
Bootstrap 给你的是”预制的组件”——一个 btn btn-primary，你得到的是别人设计好的按钮。好处是快，坏处是你必须接受 Bootstrap 的视觉风格，想改就得覆盖样式，覆盖多了类名就变得混乱。
Tailwind 给你的是”构建组件的原料”——rounded bg-blue-500 px-4 py-2，视觉由你决定，但你需要自己组合。这更接近”设计系统”的工作方式：先定义颜色、间距、字体大小的 token，再用类名组合出组件。
和 CSS Modules 对比：CSS Modules 解决的问题是”样式作用域”，Tailwind 解决的是”样式编写效率”，两者并不冲突，甚至可以在同一个项目里共存——Tailwind 负责通用样式，CSS Modules 负责需要复杂逻辑的封装组件。
团队协作中的”隐患”：类名会变长，但可维护性反而更高
Tailwind 最常被诟病的问题是类名冗长。一个复杂组件可能出现十几个类名，在 JSX 或 HTML 里占据很长的行。但这也是它的设计目标：类名就是样式声明的全部，没有隐藏的层叠关系，没有作用域污染，不会出现你改了一个父元素的样式导致子元素布局错位的情况。
对于组件化开发，这反而是一件好事。你封装一个 Button 组件时，样式直接写在使用处，删掉组件时样式随之消失，没有残留的 CSS 文件需要清理。
需要注意的事项：
- 许可证：Tailwind CSS 使用 MIT 许可证，可以自由用于商业项目。
- 浏览器支持：适配现代浏览器，对 IE11 的支持需要额外配置，这在官方文档中有说明。
- 学习曲线：如果你已经熟练使用 CSS，需要一定的适应时间——你需要学会”用类名做布局”而不是”写语义化类名”，这是思维上的转换而非工具上的替换。
- 项目维护：类名是纯文本，没有拼写检查。写错一个类名不会报错，只是样式不生效，这需要靠代码审查或 TypeScript 的自动补全来规避。
它适合什么样的开发者
如果你正在用一个组件库（Bootstrap、Ant Design），但发现大部分时间都在覆盖默认样式、写自定义 CSS 来满足设计稿需求——这说明你需要的不是又一个组件，而是一个更高效的样式编写方式。
如果你已经用 CSS Modules 或 Sass 管理样式，但受困于命名、作用域、样式文件与组件文件的同步维护问题——Tailwind 可以帮你把注意力收回到组件本身。
如果你是一个独立开发者或小团队，没有专职的样式工程师——Tailwind 的类名即文档、即样式的特性，可以大幅降低样式方面的沟通和维护成本。
官方文档提供了从 CDN 体验到完整构建集成的全流程说明，同时有活跃的 Discussion 社区供你讨论最佳实践和功能想法，贡献者需要先阅读 contributing 文档再提交 pull request。