tailwindcss 介绍
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>A dam Wathan</p>
<p>Developer at nothing Works Inc.</p>
</div>
<div>
<button>Message</button>
</div>
</div>
</div>
</div>
网站地址 : https://github.com/tailwindcss/tailwindcss
GitHub: https://tailwindcss.com/
网站描述: 一个 用于 快速 UI 开发的实用工具集 CSS 框架
tailwindcss官方网站
官方网站: https://github.com/tailwindcss/tailwindcss
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。