Tailwind CSS v3.0
内容提要
Tailwind CSS v3.0发布，带来显著性能提升和众多新功能，如即时构建、扩展色彩调色板、彩色阴影、滚动捕捉API、多列布局和原生表单样式。新版本简化了升级过程，兼容旧版，用户可通过npm安装或在浏览器中试用。新文档网站提供详细指导，帮助开发者快速上手。
延伸解读
升级兼容性：多数项目无需修改
Tailwind CSS v3.0 是一个主要版本，包含一些小的破坏性变更，但官方努力使升级过程尽可能平滑。对于大多数项目，可以直接安装 v3.0 而无需任何修改。例如，Tailwind UI 作为最大的 Tailwind 项目，其所有模板都完全兼容 v2 和 v3。开发者可参考升级指南进行迁移。
即时构建引擎成为默认，性能大幅提升
v3.0 将之前引入的即时构建（Just-in-Time）引擎稳定并替换了经典引擎，因此所有 Tailwind 项目都能开箱即用地获得构建时间大幅缩短、浏览器性能更好等改进。该引擎还解锁了任意值支持和可堆叠变体等新功能，使复杂变体配置成为过去。
扩展色彩调色板默认启用，设计更自由
在 v3.0 中，扩展色彩调色板中的每一种颜色都默认启用，包括青柠色、青色、天蓝色、紫红色、玫瑰色以及五十种灰色。这消除了开发时对 CSS 文件大小的顾虑，让开发者可以更自由地使用丰富的颜色，而无需手动配置。
Play CDN：浏览器中直接体验新功能
由于无法为 v3.0 制作合理的基于 CSS 的 CDN 构建，官方提供了一个 JavaScript 库作为 Play CDN。只需在 HTML 中添加一个 script 标签，即可在浏览器中使用所有 Tailwind 功能。它仅用于开发目的，但非常适合快速构建演示或尝试新想法。
Q&A
Tailwind CSS v3.0有哪些新功能？
Tailwind CSS v3.0新增了即时构建、扩展色彩调色板、彩色阴影、滚动捕捉API、多列布局和原生表单样式等功能。
如何安装Tailwind CSS v3.0？
用户可以通过npm安装，命令为npm install -D tailwindcss@latest postcss autoprefixer，或在浏览器中使用Play CDN进行试用。
Tailwind CSS v3.0的性能提升如何？
新版本提供了更快的构建时间和更好的浏览器性能，使用了稳定的即时构建引擎。
Tailwind CSS v3.0如何支持多列布局？
新版本支持多列布局，方便用户创建报纸样式的布局，适用于各种内容展示。
Tailwind CSS v3.0的文档更新了什么？
新文档网站提供了详细的指导和示例，帮助开发者快速上手新功能。
Tailwind CSS v3.0如何处理打印样式？
新版本引入了打印修饰符，允许用户控制网站在打印时的样式。
