Tailwind CSS都更新到4.0了，你还在抵触吗？

正文

请到「今天看啥」查看全文

> Hello Tailwind div >

其中：

• 「text-red-500」 : 代表文字颜色
• 「font-bold」 : 代表加粗
• 「p-4」 : 代表内边距
• 「text-[14px]」 : 代表字体大小为14px

这种方式避免了传统 CSS 中复杂的层叠规则，让样式控制更加直观。

原子化CSS和传统CSS的区别

说了这么一通，我相信用过的都说“ 「真香」 ”，用过一次后就离不开了。

关键是没用过的呢？是不是心里还在嘀咕。别急，正餐来了！

Tailwind CSS宝藏库

为什么说Tailwind CSS是一个宝藏，因为你担忧和抵触的地方，Tailwind CSS都给你解决了

类名难记

你可能在担忧，我是不是每次用都要查文档呢？那么多css好不容易记住了，现在又让我再学一遍？

答案是：不用。完全和你使用css一样简单。只需要记住几个关键字，智能提示帮你搞定

❝

VS Code插件 - Tailwind CSS IntelliSense

❞

请到「今天看啥」查看全文