Tailwind.css 体验总结

Posted 张驰Terry

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Tailwind.css 体验总结相关的知识,希望对你有一定的参考价值。

为什么使用 Tailwind.css

  • html 与 css 融为一体
  • 强大的原子class
  • 生产环境按需按需构建
  • 完整的响应式布局
  • 支持hover以及focus状态
  • 在前端框架实现充分复用
  • 使用@apply融入业务css
  • 支持深色模式
  • 通过配置易于扩展、调整和改变
  • 支持 CSS grid 以及更多的现代选择器,例如 :focus-visible
  • VSCode 集成代码片段提示
  • 付费或者免费的组件库代码片段
  • 组合 figma 使用

中文站

Tailwind CSS - 无需离开您的HTML,即可快速建立现代网站。

UI库

Free Tailwind Components For Your Next Project.

组合 figma 使用

打开 Figma,随便找一个区域,选中,插件,Figma to Code, Tailwind 2。

 

以上是关于Tailwind.css 体验总结的主要内容,如果未能解决你的问题,请参考以下文章

在 GrapesJS 上配置 tailwind.css

暗模式在带有 Nextjs 和 Typescript 的 Tailwind CSS V3 中不起作用

web测试总结--用户体验测试

《iOS用户体验》总结与思考-改动版

素质拓展体验总结

拍立淘抠图体验优化总结