Tailwind CSS 是一个高度可定制的、低层次的 CSS 框架，它允许你直接在 HTML 中构建用户界面，而不是像传统的 CSS 框架（如 Bootstrap）那样提供预定义的组件。

tailwindcss有：原子化类、可定制性强、体积小、响应式设计、工具类优先、现代化的设计、社区和生态好、与各种前端框架兼容（需要进行一些处理）等特点。

下面是在angular中使用的方法：

1、先安装angular cli，如果安装了请略过这个步骤

npm i -g @angular/cli

2、创建一个新的项目

ng g ProjectName --routing --style=scss --skip-tests

3、进入你的项目后执行

// 安装相关一类
npm install -D tailwindcss postcss autoprefixer
// 初始化，这个步骤会在项目根目录生成tailwind.config.js文件
npx tailwindcss init

4、修改tailwind.config.js文件

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        "./src/**/*.{html,ts}",
    ],
    theme: {
        extend: {},
    },
    plugins: [],
}

5、修改src/styles.scss

@tailwind base;
@tailwind components;
@tailwind utilities;

6、启动项目

ng serve --open

7、写一个按钮测试一下

<button class="inline-block rounded-sm text-white bg-sky-400 hover:bg-sky-800 mr-1.5 px-4 py-1.5 text-sm">点击我！</button>

文档地址：https://tailwindcss.com/docs/installation

开始玩耍吧。