微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

tailwindcss

编程之家收集整理的这个编程导航主要介绍了tailwindcss编程之家,现在分享给大家,也给大家做个参考。

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>Adam Wathan</p>

<p>Developer at nothingWorks 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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。