Tailwind CSS：实用优先的 CSS 框架

项目简介

Tailwind CSS 是一个 utility-first 的 CSS 框架，用于快速构建自定义用户界面。它不提供预设的组件样式，而是提供大量细粒度的工具类，让开发者直接在 HTML 标记中组合出所需样式。项目使用 TypeScript 编写，采用 MIT 许可证开源，主页为 tailwindcss.com。

主要功能

• 工具类驱动：以功能类（utility classes）为核心组织样式，避免为每个界面重复编写自定义 CSS。
• 响应式设计：仓库话题中包含 responsive，适合处理不同屏幕尺寸下的样式。
• PostCSS 集成：话题中包含 postcss，相关包在发布说明中以 @tailwindcss/postcss 的形式出现。
• 多种使用形态：发布说明中提到了 @tailwindcss/cli（命令行）、@tailwindcss/postcss（PostCSS 插件）以及 @tailwindcss/browser（浏览器端）等包，覆盖不同的构建场景。
• 主题与配置能力：发布说明涉及 theme('colors.foo') 在 JS 插件中的解析、主题颜色与任意十六进制颜色的归一化匹配，说明框架支持主题定制与插件扩展。

安装与使用

README 中未给出具体的安装命令，完整的文档与使用方式请访问官方站点 tailwindcss.com。

如需参与贡献，请先阅读仓库的贡献指南，然后再提交 Pull Request。

注意事项

• 使用中遇到问题、希望讨论最佳实践或提出功能想法，可以前往 GitHub Discussions。
• 最新版本 v4.3.3 修复了多处问题，包括：@tailwindcss/cli 在文件系统事件不可靠时支持 --watch --poll[=ms]；任意十六进制颜色与主题颜色的归一化匹配不再区分大小写（如 bg-[#fff] 与 bg-[#FFF] 均归一为 bg-white）；避免 Preflight 覆盖 Firefox 原生的 iframe:focus-visible 轮廓样式；修正 theme('colors.foo') 在同时存在 --color-foo 与 --color-foo-bar 时的解析；使 shadow-sm/12.5、text-shadow-sm/12.5、drop-shadow-sm/12.5、inset-shadow-sm/12.5 等小数透明度修饰符正常工作；@tailwindcss/postcss 在 Sass 等预处理器改变输入 CSS 时能够重新构建；以及在未运行 Lightning CSS 的场景（如 @tailwindcss/browser 与 Tailwind Play）下也能正确处理 CSS 嵌套。

本作品整理自 GitHub 开源项目 tailwindlabs/tailwindcss，原作者 @tailwindlabs，许可证 MIT。中文介绍由 AI 根据项目 README 整理，以原仓库为准。