今天简单聊聊 tailwindCSS

如果是从 CSS 时代过来的人，很不愿意学 tailwindCSS 框架的。

因为里面有很多类名得去记。

就好像是在写 html 里的 style="" 一样，但是比这些要短一点。

而且严重破坏以前在手写 CSS 时代的 class 命名习惯。直接就翻天覆地，完全不用费劲心思去想 class 名了....

当然，其实在学习初期，去像背单词一样去背 tailwindCSS 是不对的。真正的上手办法，就是直接用。

自己在官网的 docs 的搜索栏里去搜原来的 CSS 属性就行：

下面就会给出对应的文档。然后就可以去应用了。

慢慢的，写个三天不到，你就完全掌握了 tailwindCSS 。毕竟你也知道 CSS 其实就那点东西。tailwindCSS 肯定也一样。

之后，你就会领略到 tailwindCSS 的发明是多么天才！多么有魅力。解决了不愿意样式和内容分离、又想提高维护性的两个矛盾的问题。

而且 AI 友好。AI 这种语言目前还是很难碰瓷纯 CSS 的，也会给你弄很多 BUG ，但是 tailwindCSS 能解决 95% 的样式设置需求，又不会变复杂，简直是神器！

虽然初期很不习惯这种转换，但肯定是有原因的：

w-2 就是 width:0.5rem
pt-4 就是 padding-top: 1rem;
pl-52 就是 padding-left: 13rem;

想更舒服？可以写个中括号，写入任意值，但不推荐这样....

pt-[6rem] 等价于 padding-top: 6rem;

就是这个样子。

对新手学习会有损害吗？

或者说，对于 CSS 半吊子水平的初学者，学习会有损害吗？

不不不，不会，这个是极大的误解。

这个 tailwindCSS 和 CSS 的关系，并不等于 Python 和汇编语言的关系。后者确实是完全替代了，不用学 汇编 了。但是 tailwindCSS 只是一直简写的方案，能用好 tailwindCSS 的前提是，你必须完全懂 CSS 。

只有css老鸟才能驾驭tw 。该学的，一点不会少学。

就好像 CAD 并不会损害我们的设计图纸的技术一样。

而且更会加深我们的理解。毕竟 tailwindCSS 是知名的生产级前端工具，里面对 CSS 的使用是很深刻的。如果你用 CSS ，可能一辈子多不会去多想 rem 这个概念，tailwindCSS 需要。还可以让你逐渐学到很多以前根本不认识的属性。

缺点

让html无法阅读。。几乎是每一句都很长。。

因此，脑袋灵活一点嘛。可混合着用，不要那么极端，要么不用要么全用。我是class不超过6个就使用语义化css，超了就定义个类名放到style里。

对于管理系统这样的系统更合适，因为这种东西千人一面，都长得差不多，样式比较少且简单，开发起来嘎嘎快。但是对于个性的东西，复杂的页面（尤其特效比较多），那维护起来就是地狱。因此不要采用。

毕竟系统都是基于业务，开发好了基本不会动html，除非大改。