Tailwind CSS 4 完全指南

Tailwind CSS 4 是一次革命性的更新，带来了全新的架构和更好的性能。

新的架构

基于 Oxide 引擎，编译速度提升 10 倍以上。

基础用法

<div class="flex items-center justify-center bg-blue-500 text-white p-4">
  Hello Tailwind!
</div>

响应式设计

使用前缀轻松实现响应式：

<div class="text-sm md:text-base lg:text-lg">
  响应式文本
</div>

深色模式

内置深色模式支持：

<div class="bg-white dark:bg-gray-800 text-black dark:text-white">
  深色模式示例
</div>

总结

Tailwind CSS 4 让 CSS 开发更加高效和愉快。