2 篇博文 含有标签「tailwindcss」

之前抄过一个像素风的红包网站，不过那次重点是像素风，也比较简陋。这次的目标是生产级的，能够真正使用的网站。
主要的技术是 Next.js + TailwindCss + Sui。
页面设计大部分是抄的，现在还没全抄完，先把做完的写写笔记吧。
红包网站页面不过，主要还是记录一下开发过程中遇到的问题。

使用Next的时候建议配合tailwindcss使用，看文档发现一些比较有意思的用法，记录一下。

为什么使用tailwindcss

1. 不用取类名，这个真的很友好，我每天写类名都头疼。
2. CSS文件比较小。因为都是预设好的类，所以生成的CSS文件比较小。
3. 方便维护。css是全局的，容易造成污染。

那么为什么不直接使用内敛样式呢？官方文档是这么说的：
使用约束进行设计：这样UI风格一致更容易实现
响应式设计： 您无法在内联样式中使用媒体查询，但可以使用 Tailwind 的响应式实用程序轻松构建完全响应的界面。
悬停、聚焦和其他状态： 内联样式无法针对悬停或聚焦等状态，但 Tailwind 的状态变体可以轻松地使用实用程序类来设置这些状态的样式。

总之目前tailwindcss是前端开发的大势所趋了，尤其是海外项目。所以学习一下还是很有必要的，而且也不算难
当然这篇博文并不打算写h-2这样的基础应用，而是写写我之前不了解的一些知识点