Tailwind CSS

Tailwind CSS 中的一个实用工具类，

官网

https://www.tailwindcss.cn/
https://tailwindcss.com/

安装

tailwindcss
https://github.com/melodyVoid/learn-tailwindcss/tree/main/lesson01

vscode插件

• Tailwind CSS IntelliSense
• Tailwind Docs

margin

mb-4 是 Tailwind CSS 中的一个实用工具类，用于设置元素的底部外边距（margin-bottom）。具体来说，mb-4 表示将元素的底部外边距设置为 1rem（16px）。

在 Tailwind CSS 中，m 代表 margin，b 代表 bottom，4 代表大小。Tailwind CSS 提供了一系列的间距实用工具类，用于快速设置元素的外边距和内边距。

以下是一些常见的间距实用工具类：

m-1 到 m-12：设置所有方向的外边距（margin），数值越大，外边距越大。
mt-1 到 mt-12：设置顶部外边距（margin-top）。
mb-1 到 mb-12：设置底部外边距（margin-bottom）。
ml-1 到 ml-12：设置左侧外边距（margin-left）。
mr-1 到 mr-12：设置右侧外边距（margin-right）。
类似的，还有 p 系列的实用工具类，用于设置内边距（padding）。

padding

例如：

p-1 到 p-12：设置所有方向的内边距（padding）。
pt-1 到 pt-12：设置顶部内边距（padding-top）。
pb-1 到 pb-12：设置底部内边距（padding-bottom）。
pl-1 到 pl-12：设置左侧内边距（padding-left）。
pr-1 到 pr-12：设置右侧内边距（padding-right）。
通过使用这些实用工具类，开发者可以快速调整元素的间距，而无需编写自定义的 CSS 代码。