Tailwind CSS 学习

104 阅读1分钟

Tailwind CSS 简介

Tailwind CSS 是一个实用类优先(utility-first)的 CSS 框架,允许你直接在 HTML/JSX 中使用原子类(如 text-centerbg-blue-500)来快速构建现代化、响应式的界面。


特点

  • 🧱 Utility-first:摆脱写自定义样式的烦恼
  • 📱 默认响应式:支持多屏适配(如 md:, lg:
  • 🎨 可定制:支持配置色板、字体、断点等
  • ⚡ 快速开发:无需切换 CSS 文件,直接在类名中构建样式

Tailwind CSS 是现代前端开发中极具效率与表达力的工具,它让你:

  • 不再频繁切换 CSS 文件
  • 拥有完整响应式控制
  • 保持样式统一且易维护

📚 参考链接