Tailwind CSS 的进阶使用（上篇）：如何复用样式以及自定义指令、自定义函数、自定义样式等内容。

Tailwind CSS 的基础使用：从宽度高度开始逐步展现 Tailwind CSS 基本的使用规则，包括边距、边框、文本、颜色等常用的样式属性。

通过本文，你将会收获到: 1. 如何让vscode不会再对 @tailwind , @apply 之类的属性报错; 2. 如何让你的应用既能跟随系统设置，又能手动设置夜间模式

应该没有人会去把 tailwindcss 的文档读完才开始写吧。你可能也错过了一些实用但不太容易想到的 utility class 以及一些小 tips。一起来看看吧。

安装 以下方法是Vite + Vue模式下的安装方法，其他脚手架与框架的使用同理。 创建项目 安装必要依赖 Vite创建的项目默认集成了PostCSS，而TailwindCSS本身就是一个PostCS

Tailwind CSS中对于“背景”的相关属性说明。其中包含背景颜色、背景图片、渐变背景、背景裁切、背景缩放等内容。

Tailwind CSS 是一个实用程序优先的 CSS 框架，它正在迅速普及，并且有许多插件可以促进您的工作流程并让您的生活更轻松。

追忆往昔，穿越前朝，CSS也是当年前端三剑客之一，风光的很，随着前端跳跃式的变革，CSS在现代前端开发中似乎有点默默无闻起来。

不管是unocss还是tailwindcss和windicss，默认的单位都是rem，这有一定的设计理念，但其实这对于习惯使用px单位的人来说不太友好，有相当一部分人因为这点而放弃使用原子化css