当前位置: 首页 > Web前端 > CSS

Tailwindcss初体验

时间:2023-03-31 02:14:24 CSS

css新写法Tailwindcss由来已久,但最近因为写了很多css,但是复用性特别差,尝试过BEM,原子写法,基本上每个项目都有待重写,想着有没有更好的办法?不知道Tailwindcss什么时候出来的。这个框架也是原子的。这个概念并不新鲜。之前在自己的项目中是这样写的。感觉很方便,但是用起来还是不舒服,可能是被自己的css恶心到了(转义)文档是这样介绍的:Autility-firstCSSframeworkforrapidlybuildingcustomdesignsTailwindCSS是一个高度可定制,低-levelCSS框架,它为您提供了构建定制设计所需的所有构建块,而没有任何您必须努力覆盖的烦人的固执己见的样式。它给你提供了一些工具集,就是你平时写的background,font-size等,每次定义一个类,然后添加相应的css属性,而Tailwindcss方法就是定义一些类,每个类对应一个css属性,然后将这些类添加到元素中以添加相应的属性。上图来自官网,大家可以看看它的类你应该知道,比如text-gray-600就是字体颜色,你也可以有响应式的md:flex。当不满足默认时,也可以通过编写tailwind.config.js配置文件来添加新的属性类。这个香,真香,以至于用了之后写的一些css可以在不同的项目中复用(如果你愿意的话)。我扫了官网的文档,使用起来不难。我现在准备在自己的项目中使用它,我还需要一些时间来改变我的想法,但我觉得这个框架值得尝试,所以还是用吧。以后再说感受吧。大惊小怪,不知道是不是我自己的网络问题。他们官网有慢引用:https://tailwindcss.com/https://www.tailwindcss.cn/do...更多文章