Tailwind CSS 是一个实用程序优先的 CSS 框架，其中包含可直接在标记中组合以构建任何设计的类。

特征：

实用至上：

Tailwind css 是一个实用程序优先的 css 框架，它提供低级实用程序类来构建自定义设计，而无需编写 css。这种方法允许我们实现完全自定义的组件设计，而无需编写一行自定义 CSS。 “你不会浪费精力发明类名”.

内容清除：

这是从将在生产环境中使用的最终 CSS 文件中删除未使用的 CSS 类的过程。这是一个优化过程，最终的 CSS 尺寸更小，更易于维护并显示出更高的性能。

命令：

强调：

underline 
underline-offset-
decoration-- //color for underline
decoration- // size of underline
decoration-

文本样式

text-- //color of text
text-opacity- //opacity of text
text- //size of text
text- //alignment of text

背景颜色

bg--

边框半径

rounded-

字体样式

font-

斜体：

italic

能见度

隐藏元素：

hidden

显示（与隐藏相反）：

block

填充

p-   /* All sides */
px-  /* Horizontal (left and right) */
py-  /* Vertical (top and bottom) */
pl-  /* Left */
pr-  /* Right */
pt-  /* Top */
pb-  /* Bottom */

利润

m-   /* All sides */
mx-  /* Horizontal (left and right) */
my-  /* Vertical (top and bottom) */
ml-  /* Left */
mr-  /* Right */
mt-  /* Top */
mb-  /* Bottom */

Flexbox

flex
flex- // row or column

调整内容

justify-

对齐项目

items- //start,end,center

响应式设计

sm  /* Small devices */
md  /* Medium devices */
lg  /* Large devices */
xl  /* Extra large devices */

浆纱

h-
w-

边框

border
border-
border-

悬停状态

hover: