Tailwind

Tailwind是一款utility-first的框架，可以被用于快速地构建UI。作为一个utility-based的CSS库，它比那些语义和精益标记（lean markup）更注重实用性和速度。在创建网站时，您只需要确定项目的范围，而无需自行编写CSS。虽然Tailwind并不提供默认的主题，您也找不到任何内置的UI组件，但是您可以使用预设计的部件菜单，来构建目标网站。

知乎问题：如何评价CSS框架TailwindCSS？

原文：CSS Utility Classes and "Separation of Concerns"

最近Tailwindcss频繁出现在我的视野里，从单词拼写中看，多多少少与css有点关系。近几年是JS框架大行其道，CSS方面少有新的框架出现。

昨天突然看到尤大神在Github上的动态，fork了该项目，看来马上要火的节奏啊！

我们来看下这个tailwindcss究竟是个什么东西，有什么独特的功能和优势，最重要的是能否给我们开发者带来显而易见的效率的提升。

首先看官网对它的定义

Rapidly build modern websites without ever leaving your HTML.

tailwindcss 基于比组件更小、更灵活的工具类思想的 CSS 框架。这个思想简单来说就是用 class 保证灵活、便于自定义组件，而不是在组件基础上实现个性化。

可以看到代码的特点是一个Html标签伴随着一堆的CSS类，这种写法好像也不陌生。就是将样式封装的粒度更细。所以很多人看到就说“这不就是原子类吗？”

作者有多年工作经验，其对待 CSS 的心路历程如下：…

前言

前段时间，laravel更新8.0版本，系统内置的Jetstream应用支架使用的是Tailwind CSS，于是勾起了我对Tailwind CSS的兴趣。

后来项目中也是逐步使用，总体感觉超级爽。就像他的简介一样Utility-First效用优先的CSS框架。…