Tailwind CSS框架学习


Tailwind CSS框架学习


引言

Tailwind CSS 是一个开放源代码 CSS 框架。

Tailwind CSS 是一个功能丰富的、实用性优先的 CSS 框架,用于快速构建定制的设计。

Tailwind CSS 由 Adam Wathan 和 Jonathan Reinink 于 2017 年创建,并于 2018 年发布。

Tailwind CSS 的核心理念是提供大量的工具类(utility classes),这些类可以直接应用到 HTML 元素上,以实现设计。

Creative Tim

Creative Tim 是一个提供设计资源的公司,它的产品中使用了包括 Bootstrap、Material Design、Tailwind CSS 等的框架。 其中关于Tailwind CSS提供了几个免费的产品,有一款使用了Vue2,项目地址:https://github.com/creativetimofficial/vue-notus 。 这个项目从2021年5月20日开始就再没有更新过了,现在前端开发推荐Vue推荐使用3.2版本,Tailwind CSS版本也到3.4了,该项目已经很落伍了。

这个项目只作为参考使用,项目源码备份一下地址到:https://gitee.com/ibaiyang/vue-notus 。 开发文档:https://www.creative-tim.com/learning-lab/tailwind/vue/overview/notus

系列文章

Tailwind CSS:现代化开发实战指南 https://juejin.cn/column/7470146014363680805

小结

Tailwind CSS 用起来省去了写 CSS 代码的麻烦,更是免去了思考类名的繁琐,直接在 HTML 元素上应用类名即可。 在现在AI编程环境下,AI可以直接需求组装好代码,样式使用Tailwind CSS会方便不少。






参考资料


返回