Tailwind CSS 功能类是原子化的 CSS 类，每个类只做一件事，如 margin、padding、颜色、字体大小、阴影等，可组合使用快速构建页面样式。
布局类包括 display（block、inline、flex、grid）、position（relative、absolute、fixed、sticky）、float、clear、z-index 等，用于控制元素在页面中的位置和排列方式。
Flex 类包括 flex-row、flex-col、flex-wrap、justify-start、justify-between、items-center、self-start 等，用于快速设置弹性布局和对齐方式。
间距类包括 margin（m-0~m-96、mt-、mb-、ml-、mr-）和 padding（p-0~p-96、pt-、pb-、pl-、pr-），可以精确控制元素的内外间距。
宽度和高度类使用 w-* 和 h-* 表示，包括固定值（w-0~w-96）、百分比（w-1/2）、屏幕高度（h-screen）等，也可设置 min/max 宽高。
使用 rounded-* 类设置圆角，如 rounded、rounded-sm、rounded-lg、rounded-full，还可单独设置上、下、左、右圆角，例如 rounded-t-md。
阴影类使用 shadow-* 表示，如 shadow、shadow-sm、shadow-md、shadow-lg、shadow-xl、shadow-2xl、shadow-inner、shadow-none，可快速给元素添加阴影效果。
颜色类分为背景色（bg-*）、文本色（text-*）、边框色（border-*）等，每种颜色有多个色阶，如 bg-blue-500、text-red-200。
排版类包括字体大小（text-sm、text-lg）、字体粗细（font-bold、font-medium）、行高（leading-）、字间距（tracking-）、文本对齐（text-center、text-left）等。
使用 display 类（block、inline、flex、grid、hidden）或 visibility 类（visible、invisible）控制元素的显示状态。
Grid 布局类包括 grid、grid-cols-*、grid-rows-*、gap-* 等，用于快速定义列数、行数和网格间距。
是的，Tailwind 提供响应式前缀（sm:、md:、lg:、xl:、2xl:）可以针对不同屏幕尺寸设置不同的类，如 md:flex、lg:w-1/2。
使用 position 类（static、relative、absolute、fixed、sticky）设置定位，再用 z-0~z-50 控制层级。
支持，如 hover:bg-blue-500、focus:ring、active:text-red-600，可为不同状态快速添加样式。
使用 overflow-auto、overflow-hidden、overflow-scroll、overflow-visible 类控制元素内容溢出时的滚动或隐藏方式。
使用 float-left、float-right、float-none 类控制元素浮动方向，使用 clear-left、clear-right、clear-both 清除浮动。
是的，可以通过 tailwind.config.js 文件扩展颜色、间距、字体等自定义类，同时保留原子化语法。
支持，通过 dark 前缀实现，如 dark:bg-gray-800，可在配置中启用 dark 模式适配深色主题。
Tailwind 类可以自由组合，例如 <div class="flex items-center justify-between p-4 bg-gray-100 rounded-lg shadow"> 来实现复杂布局和样式。
Tailwind 提供高效、可组合、原子化的类，使开发者无需写自定义 CSS，即可快速构建响应式、现代化页面，同时易于维护和扩展。