工具优先的样式开发
使用 flex、pt-4、text-center、rotate-90 等工具类,直接在 HTML 中组合实现 UI 设计。
Tailwind CSS
只需书写 HTML 代码,即可快速构建美观的网站Tailwind CSS 提供大量可组合的工具类,让开发者无需离开 HTML 即可实现具体的 UI 设计。它支持移动设备优先的响应式布局、各种交互状态、夜间模式与主题定制,并可用于组件驱动的前端项目。
从布局、间距和排版到响应式状态与主题定制,将样式能力直接组合在 HTML 标记中。
使用 flex、pt-4、text-center、rotate-90 等工具类,直接在 HTML 中组合实现 UI 设计。
通过响应式修饰符为不同屏幕尺寸配置布局与样式。
为界面元素的不同交互状态应用对应工具类。
使用 dark 状态变体为界面配置夜间模式样式。
根据项目需求定制颜色、排版及其他设计配置。
将工具类用于组件代码,在不同前端项目中构建和维护界面。
查阅中文文档、快速入门指南、网站实例、组件库及 GitHub 源码。