Repolode
提交项目
tailwindlabs

tailwindlabs/tailwindcss

一个实用类优先的 CSS 框架，通过小而单一用途的类直接在标记中构建自定义界面。

在 GitHub 查看官网
Star
97,945
Fork
8,392
未关闭 Issue
90
最近提交
前天

这是什么？

Tailwind CSS 是一个实用类优先（utility-first）的 CSS 框架。开发者不必编写带语义类名的自定义样式表，而是直接在标记中组合 flex、pt-4、text-center 等小而单一用途的实用类来完成样式。

该框架以 PostCSS 插件的形式发布，通常通过 npm 安装。它只生成项目实际用到的 CSS。响应式断点、hover、focus 等状态变体以及深色模式，都通过类名前缀来表达，方便不离开 HTML 文件就快速搭建定制界面。

项目使用 TypeScript 编写，由 Tailwind Labs 维护。完整文档位于 tailwindcss.com，使用问题和功能讨论可以在 GitHub Discussions 中进行。

核心功能

  • 01提供布局、间距、排版、颜色等底层实用类。
  • 02只生成项目中实际使用的 CSS。
  • 03通过类名前缀支持响应式断点以及 hover、focus 等状态变体。
  • 04以 PostCSS 插件形式发布，可通过 npm 安装。
  • 05支持基于类名的深色模式变体。

适用场景

  • 无需单独编写样式表即可构建定制化组件界面。
  • 在 HTML 或 JSX 模板中直接原型设计并迭代布局。
  • 搭建间距和排版规范统一的响应式网站。

快速上手

  1. 1

    在 tailwindcss.com 阅读完整文档以了解安装步骤

标签

#css#css-framework#utility-classes#postcss#responsive-design#frontend#functional-css#responsive#tailwindcss

常见问题

tailwindcss 是什么？
一个实用类优先的 CSS 框架，通过小而单一用途的类直接在标记中构建自定义界面。 Tailwind CSS 是一个实用类优先（utility-first）的 CSS 框架。开发者不必编写带语义类名的自定义样式表，而是直接在标记中组合 flex、pt-4、text-center 等小而单一用途的实用类来完成样式。
tailwindcss 可以免费使用吗？用的什么许可证？
tailwindcss 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
tailwindcss 还在维护吗？
活跃维护中。tailwindcss 最近一次提交是在 2026年10月19日。
tailwindcss 适合用来做什么？
无需单独编写样式表即可构建定制化组件界面。 在 HTML 或 JSX 模板中直接原型设计并迭代布局。 搭建间距和排版规范统一的响应式网站。
tailwindcss 怎么安装和运行？
在 tailwindcss.com 阅读完整文档以了解安装步骤
在哪里获取 tailwindcss？
源代码和安装说明在 GitHub 上：https://github.com/tailwindlabs/tailwindcss

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目