Tailwind CSS

Tailwind 与 Bootstrap、Foundation 或 Bulma 等框架不同，它并非一个 UI 套件。
它没有默认主题，也没有内置的 UI 组件。
另一方面，它也不对你的网站外观做出任何规定，不会强制你执行需要费力推翻的设计决策。
如果你希望使用一个自带预设组件库来构建网站的框架，Tailwind 可能并不适合你，这也是我们提供一些替代方案的原因。
但如果你希望在实现具有独特风格的自定义设计时获得巨大优势，Tailwind 正是你所需要的。

以实用类为先
为构建自定义 UI 而设计的框架，无法在按钮、表单、卡片、导航栏等常规层级上提供抽象。
相反，Tailwind 提供高度可组合的底层实用类，让你轻松构建复杂用户界面，同时避免让两个网站看起来雷同。

组件友好
虽然仅用实用类就能完成大量工作，但有时组件类才是正确选择。
Tailwind 提供工具，可从重复的实用类模式中提取组件类，从而实现通过一处修改即可更新多个组件实例。

核心响应式
Tailwind 的每个实用类都支持响应式变体，让你无需离开 HTML 即可轻松构建响应式界面。
Tailwind 使用直观的 {screen}: 前缀，使你在标记中能轻易识别响应式类，同时保持原始类名清晰可辨且完整不变。

专为可定制而设计
若某项内容适合自定义，Tailwind 就允许你进行自定义。
这包括颜色、边框大小、字体粗细、间距工具、断点、阴影等众多方面。
Tailwind 基于 PostCSS 编写，通过 JavaScript 配置，意味着你可以直接调用真正编程语言的全部能力。
Tailwind 不仅仅是一个 CSS 框架，更是一个创建设计系统的引擎。