21世纪Web界面构建的最佳选择:Tailwind CSS

发表时间: 2020-02-25 23:31

Tailwind CSS,是一个CSS库,它为我们提供了构建定制设计而无需使用自定义样式所需的所有构建块。

在我们寻找选择CSS库和前端框架时,已经构建了许多很棒的库来简化开发人员在创建直观界面方面的工作,比如Bootstrap,Foundation等,但是他们难以撤销本身设计决策,它们带有预定义的组件,因此无需动态定制,所以Tailwind CSS被认为是构建21世纪Web界面的理想选择的原因。

使用Tailwind CSS,可以创建适合你所需或正在处理的组件,可以利用Tailwind CSS 的实用程序至上的能力来创建这些组件。如果你厌倦了使用Bootstrap及其类似功能,则在使用Tailwind CSS提供的实用程序类实现所需的设计时,会发现Tailwind CSS非常适合在美观的界面上工作。

什么是Tailwind CSS?

Tailwind CSS是一种实用工具- 基于低级别的CSS框架,旨在简化建设有速度,较少关注Web应用程序编写自定义的CSS,同时能实现满意于你需要的接口。

其他CSS框架(例如Bootstrap,Foundation,Bulma等)为你提供了各种预定义的组件(例如模式,按钮,警报,卡片)。但随着Tailwind CSS可以做你自己组件,或者根据你的项目模型设计,换一种说法,你实际上是拥有自己开发组件的能力,然后可以利用自己选择的任何组件上的自定义功能,这意味着不再需要与该框架作斗争,而试图找出需要重写哪些类才能获得最初目标的结果。

为什么要使用Tailwind CSS?

也许你还没有准备好背叛其他框架,或者你还没有被说服接受Tailwind CSS附带的优点。请允许我给出一些你为什么要考虑使用Tailwind CSS的原因。

编写自定义CSS的最紧张的部分之一就是必须命名类。在任何时候,你都在思考哪个类应该是通用的或特定的,你如何组织它们并确保它们级联?Tailwind CSS通过提供可以一直使用的基于实用程序的类来无缝解决这些问题。

在编写自定义CSS(或使用任何其他传统CSS框架)时,在设计中进行更改时,你始终必须对CSS文件进行更改。但使用Tailwind CSS时,你不必担心,因为你在标记中一遍又一遍地使用相同的类,这意味着你不必每次都破坏CSS缓存即可对设计进行小改动。

何时不使用Tailwind CSS

在开发小型项目时,建议使用常规框架,比如Bootstrap,Foundation等,这些可以没有必要为自己组件类型,直接使用开发。

如果你是初学者的CSS,我们也建议使用,你可以先了解CSS使用,只有熟练CSS你才能更好使用Tailwind CSS框架。

前端框架Tailwind CSS框架