Tailwind CSS 是一个开放源代码 CSS 框架。

Tailwind CSS 是一个功能丰富的、实用性优先的 CSS 框架，用于快速构建定制的设计。

Tailwind CSS 由 Adam Wathan 和 Jonathan Reinink 于 2017 年创建，并于 2018 年发布。

Tailwind CSS 的核心理念是提供大量的工具类（utility classes），这些类可以直接应用到 HTML 元素上，以实现设计。

谁适合阅读本教程？

只要您具备 HTML 和 CSS 的基础知识，您就可以阅读本教程，进而开发出自己的网站。在您学习完本教程后，您即可达到使用 Tailwind CSS 开发 Web 项目的中等水平。

阅读本教程前，您需要了解的知识：

在您开始阅读本教程之前，您必须具备 HTML 、 CSS 和 JavaScript 的基础知识。如果您还不了解这些概念，那么建议您先阅读我们的这些教程:

• HTML 教程

• CSS 教程

• JavaScript 教程

Tailwind CSS 实例

以下是一个简单的 Tailwind CSS 实例：

Tailwind CSS 实例

<div class="bg-blue-500 text-white p-4 rounded-lg">
  Hello, Tailwind CSS!
</div>

以上实例展示了如何通过简单的类名快速定义一个蓝色背景、白色文字、内边距和圆角的卡片。

参考链接

Tailwind CSS 官网：https://tailwindcss.com/

Tailwind CSS 官方文档：https://tailwindcss.com/docs/