🌬️Tailwind 速查表

怎么用这份 Tailwind 速查表

1. 在搜索框里输入类名片段（如 grid-cols）或 CSS 属性（如 justify-content），所有分区会实时过滤。
2. 用分类标签快速跳到布局、Flex、间距、颜色、边框、特效或前缀。
3. 点击任意类名或色块即可复制到剪贴板，直接粘进你的 HTML。

常见问题

这是哪个版本的 Tailwind？

Tailwind CSS v3 默认配置：标准间距刻度、22 个颜色族的色板与默认断点。其中绝大多数类名在 v4 中保持不变，只是配置写法不同。

为什么找不到 p-13 这样的类？

它不在默认刻度里。Tailwind 支持任意值写法：p-[13px]、text-[#1da1f2]、grid-cols-[1fr_auto]，其中下划线代表空格。

前缀是什么意思？

冒号前面的部分是变体：md: 表示 768px 及以上生效，hover: 表示悬停时生效，dark: 表示暗色模式。前缀可以叠加，例如 md:hover:bg-blue-600。