Tailwind CSS 是一个功能类优先的 CSS 框架，它集成了诸如 flex, pt-4, text-center 和rotate-90这样的的类，它们能直接在脚本标记语言中组合起来，构建出任何设计。

单词tailwind的中文含义为「顺风」。

安装Tailwind：

  1. 在终端下，通过pnpm或者npm包管理工具安装tailwindcss ，并同时初始化创建tailwind.config.js.file:
1
2
pnpm install -D tailwindcss
pnpx tailwindcss init

  1. 配置模板路径

  2. 将tailwind指令添加到你的 CSS 中

  3. 启动Tailwind CLI 构建

  4. 在 HTML 中开始使用 Tailwind