邂逅tailwind css

Rapidly build modern websites without ever leaving your HTML.

A utility-first CSS framework for rapidly building custom user interfaces.
围绕utility-first和从重复模式中提取组件的理念设计的

编写css

1. 语义化 css

2. 样式与结构分离 BEM(block element modifer)

3. 与内容无关的css 组件

4. 与内容无关的组件 + 适用程序类 我们更喜欢组合而不是重复。

5. Utility-first CSS

开始

文档地址：https://tailwindcss.com/

中文文档地址：https://www.tailwindcss.cn/

最新更新：2021.6.18 tailwindcss v2.2

组件（官方提供相关资源）

• tailwind ui

  tailwind css 官方组件 https://tailwindui.com/

  有一些现成的组件，大部分是需要付费的。

• headless ui

  react、vue ui组件 基于tailwind css

• heroicons

  Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS. https://heroicons.com/