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 体验总结的主要内容，如果未能解决你的问题，请参考以下文章
暗模式在带有 Nextjs 和 Typescript 的 Tailwind CSS V3 中不起作用
Tailwind.css — 如何使用 Tailwind 实现 last-child？
如何将@tailwind CSS 规则添加到 CSS 检查器