Tailwind CSS 教程
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 的基础知识。如果您还不了解这些概念,那么建议您先阅读我们的这些教程:
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/