Tailwind CSS

Tailwind CSS

只需书写 HTML 代码,即可快速构建美观的网站Tailwind CSS 提供大量可组合的工具类,让开发者无需离开 HTML 即可实现具体的 UI 设计。它支持移动设备优先的响应式布局、各种交互状态、夜间模式与主题定制,并可用于组件驱动的前端项目。

Tailwind CSS 页面快照
核心能力

使用工具类构建完整界面

从布局、间距和排版到响应式状态与主题定制,将样式能力直接组合在 HTML 标记中。

工具优先的样式开发

使用 flex、pt-4、text-center、rotate-90 等工具类,直接在 HTML 中组合实现 UI 设计。

移动设备优先

通过响应式修饰符为不同屏幕尺寸配置布局与样式。

各种状态

为界面元素的不同交互状态应用对应工具类。

夜间模式

使用 dark 状态变体为界面配置夜间模式样式。

设计定制

根据项目需求定制颜色、排版及其他设计配置。

组件驱动开发

将工具类用于组件代码,在不同前端项目中构建和维护界面。

学习资源

文档、实例与源码入口

查阅中文文档、快速入门指南、网站实例、组件库及 GitHub 源码。

Tailwind CSS

从这里开始使用Tailwind CSS。