主要观点：Tailwind CSS v4.0 已发布，是优化性能和灵活性的全新版本，包含诸多改进。
关键信息：

• 有新的高性能引擎，全量构建快 5 倍，增量构建超 100 倍。
• 为现代网络设计，利用前沿 CSS 特性。
• 安装简化，依赖少、零配置、一行代码。
• 有第一方 Vite 插件，集成性能佳。
• 自动检测内容，无需配置content数组。
• 内置导入支持，无需额外工具。
• 采用 CSS 优先配置，直接在 CSS 中定制扩展框架。
• CSS 主题变量作为原生 CSS 变量可用。
• 动态实用值和变体，无需配置可接受任意值。
• 现代化 P3 调色板，利用更宽色域。
• 支持容器查询，无需插件。
• 新增 3D 变换实用工具。
• 扩展梯度 API，包括线性梯度角度、插值修饰符、圆锥和径向梯度。
• 支持@starting-style，可过渡元素属性。
• 新增not-*变体，可否定伪类等。
• 还有更多新实用工具和变体。
  重要细节：
• 构建性能提升在不同场景下有具体数据，如全量构建 378ms 到 100ms 快 3.78 倍等。
• 现代 CSS 特性如原生级联层、注册自定义属性等简化内部架构。
• 安装只需几步，如npm i tailwindcss @tailwindcss/postcss等。
• Vite 插件能进一步提升性能。
• 自动检测内容会忽略.gitignore文件及二进制扩展等。
• CSS 优先配置可在导入 Tailwind 的 CSS 文件中直接配置。
• 主题变量作为自定义属性添加到 CSS 中。
• 动态实用值和变体可轻松创建各种大小的网格等。
• 容器查询有多种用法，如@container等。
• 3D 变换实用工具可实现元素 3D 变换。
• 梯度 API 新增功能丰富，如线性梯度角度、插值修饰符等。
• @starting-style可动画元素出现，not-*变体可否定多种查询。
• 其他新实用工具和变体涵盖多个方面，如阴影、表单尺寸、颜色方案等。