Tailwind 是一个用于快速 UI 开发的实用工具集 css 框架，设计理念是以实用为先，它提供了高度可组合的应用程序类，可帮助开发者轻松构建复杂的用户界面。它还提供了一个从实用模式中提取组件的工具，响应式风格可以满足不同设备上的开发。

 与 Bootstrap、Foundation 或 Bulma 等框架不同，Tailwind CSS 并不是 UI 套件，因为它没有没有内置的 UI 组件，也没有默认的主题，完全需要开发者根据自身情况来定制设计。

每个 Tailwind 小应用都有多种尺寸，这使得创建响应式界面变得非常简单， 您可以自定义颜色，边框尺寸，字体，阴影等等，没有任何限制。

简单示例

下面是一个用 Tailwind 构建联系人卡片组件的例子，无需写一行 CSS ：

<div>
  <div>
    <img src="https://avatars2.githubusercontent.com/u/4323180?s=400&u=4962a4441fae9fba5f0f86456c6c506a21ffca4f&v=4" alt="">
    <div>
      <div>
        <p>Adam Wathan</p>
        <p>Developer at NothingWorks Inc.</p>
      </div>
      <div>
        <button>Message</button>
      </div>
    </div>
  </div>
</div>

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/1260