从tailwindcssv4
<!-- need include <script> to <head> (read docs) -->
<script src="https://unpkg.com/@tailwindcss/browser@4"></script>
<!-- can configure -->
<style type="text/tailwindcss">
@theme {
--color-clifford: #f9faf1;
}
</style>
<!-- use -->
<h1 class="text-3xl font-bold underline text-clifford bg-red-500">
Hello world!
</h1>
直到tailwindcssv3请注意,如果您不使用node.js,Postcss或tailwind-cli生成CSS,并且您只应用了预构建的默认默认的尾风CSS文件,则您将没有机会利用tailwind CSS的好处超出了默认的可用类,并使用tailwind定义了自己的课程。
// can configure
tailwind.config = {}
<!-- need include <script> to <head> (read docs) -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- use -->
<h1 class="text-3xl font-bold underline text-clifford bg-red-500">
Hello world!
</h1>