一、简介
Tailwind CSS是一个工具优先的CSS 框架,只需书写HTML 代码,无需书写CSS,即可快速构建雅观的网站。
二、长处
1、轻便、规整,制止了随意取类名
Tailwind CSS 的工具类(Utility classes) 可以或许为你提供一套束缚体系,制止让你的样式表中出现随意的取值。它让颜色、间距、排版、阴影以及一切取值保持同等,并最终形成一个经心构建的计划体系
2、灵活性强、你所想地就能实现
由于Tailwind 抽象层级较低,因此它从不鼓励将同一个计划应用到两个网站上。纵然使用相同的调色板(color palette) 和尺寸设置,也能很轻易地让同样地组件,具有完全不同地外观。
3、体积小,绝不包罗任何用不到地css 代码
Tailwind 会在针对生产情况进行构建时自动删除全部未使用到地CSS 代码,也就是说你所获得地最终地 CSS 代码包地尺寸是最小地。事实上,大部分Tailwind 项目所生成地CSS 代码包都小于 10kB。
4、响应式计划贯穿整个框架
在任何工具类前面添加一个代表屏幕尺寸地前缀,然后就能看到它神奇地作用到某个特定地断点(breakpoint) 上了。
5、支持鼠标悬停和核心状态
将 hover: 前缀添加到 你所要使用的 CSS 类的名称前面即可。支持 focus、 active、disabled、 focus-within、focus-visible 以及 我们本身所创造的一些奥妙的状态,比方 group-hover
<
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。 |