TailwindCSS 已经成为前端开发的趋势之一，随着 4.0 版本 的发布，它的性能更强大、使用更方便。如果你还在抵触，不妨试试看，它可能会彻底改变你的 CSS 编写方式！

最近一直在使用 tailwindcss 编写一些项目，我们希望一套代码能让产品在不同的设备上都能有良好的用户体验，同时，为了节省人力成本，希望在同一套代码上去针对不同的屏幕尺寸去做样式适配。 如果你有

Tailwind CSS 的基础使用：包含伪类、伪元素、flex 和 grid 布局、定位等相关属性。

tailwindcss其属于颗粒化的 css，因此更建议熟练使用 css 的人使用，这是新手陷阱(会让新手成长更慢，毕竟接触到实际的css属性变少) 另外本篇也只介绍很多常见的

找了很多配置的相关步骤，终于四处拼凑出来了具体步骤，按官网和shatgpt引导一直未成功，自己太菜了

Tailwind CSS 是一个流行的实用工具优先（utility-first）的 CSS 框架，它提供了大量的小而灵活的类，可以直接用来快速构建用户界面。与传统的 CSS 或其他框架（如 Boots