Tailwind CSS

Tailwind 与 Bootstrap、Foundation 或 Bulma 等框架的不同之处在于它不是 UI 工具包。 它没有默认主题，也没有内置的 UI 组件。 另一方面，它对您的网站应该如何显示也没有任何意见，也不会强加您必须努力撤销的设计决策。 如果您正在寻找一个带有预先设计的小部件菜单的框架来构建您的网站，Tailwind 可能不是适合您的框架，这就是为什么我们有一些替代方案。 但如果您希望在实施具有自己特色的定制设计方面取得巨大的领先优势，Tailwind 可能正是您所需要的。 实用至上 创建用于构建自定义 UI 的框架意味着您无法在按钮、表单、卡片、导航栏等通常级别提供抽象。 相反，Tailwind 提供了高度可组合的低级实用程序类，可以轻松构建复杂的用户界面，而无需鼓励任何两个站点看起来相同。 组件友好 虽然仅使用实用程序类就可以做很多事情，但有时组件类是正确的决定。 Tailwind 提供了从重复的实用模式中提取组件类的工具，从而可以轻松地从一个位置更新组件的多个实例。 响应核心 每个 Tailwind 实用程序还具有响应式风格，使得构建响应式界面变得非常容易，而无需离开 HTML。 Tailwind 使用直观的 {screen}: 前缀，可以轻松注意到标记中的响应类，同时保持原始类名可识别且完整。 专为定制而设计 如果定制有意义，Tailwind 可以让您定制它。 这包括颜色、边框大小、字体粗细、间距实用程序、断点、阴影等等。 Tailwind 采用 PostCSS 编写并使用 JavaScript 进行配置，这意味着您可以轻松掌握真正编程语言的全部功能。 Tailwind 不仅仅是一个 CSS 框架，它还是一个用于创建设计系统的引擎。

Tailwind CSS 是一个实用优先的 CSS 框架，它提供高度可组合的低级实用工具类，帮助开发者快速构建具有独特身份的复杂用户界面，并可作为创建设计系统的引擎。