文章目录1. Tailwind CSS 简介2. v4.3.3 版本亮点3. 获取安装包4. 快速开始基本用法常用命令1. Tailwind CSS 简介Tailwind CSS 是一个实用优先utility-first的 CSS 框架由 Adam Wathan 与 Jonathan Reinink、David Hemphill、Steve Schoger 共同创建由 Tailwind Labs 公司维护开发。自 2019 年 5 月首次发布以来Tailwind CSS 迅速成长为最受欢迎的前端 CSS 框架之一GitHub 仓库积累了超过 96,000 颗星标和 6,800 余次提交npm 周下载量超过 1,700 万次。不同于 Bootstrap 等传统组件式框架Tailwind CSS 不提供预设的 UI 组件而是提供大量原子化的工具类utility classes开发者直接在 HTML 中组合这些类即可快速构建自定义界面。这种实用优先的理念使得样式与结构紧密耦合避免了传统 CSS 的样式泄漏和全局作用域问题特别适合组件化开发。2025 年 1 月发布的 v4.0 是一次重大架构升级Tailwind CSS 使用 TypeScript、Rust 和 CSS 进行了重写推出了名为 Oxide 的高性能引擎。v4 采用 CSS 优先的配置方式摒弃了传统的tailwind.config.js配置文件改用 CSS 变量和theme指令进行自定义构建速度大幅提升。Tailwind CSS 已被 OpenAI、Shopify、Loom、NASA、GitHub 等众多知名公司采用是现代 Web 开发的事实标准工具之一。核心特点实用优先数百个原子化工具类直接在 HTML 中组合使用无需编写自定义 CSS高性能引擎v4 采用 Rust 驱动的 Oxide 引擎构建速度显著提升CSS 优先配置使用原生 CSS 变量和theme指令替代 JavaScript 配置文件自动内容扫描自动检测模板文件中的类名无需手动配置 content 路径独立 CLI提供不依赖 Node.js 的独立可执行文件一条命令即可完成 CSS 编译强大的生态官方 PostCSS 插件、Vite 集成、浏览器版本Play CDN覆盖各种开发场景2. v4.3.3 版本亮点该版本汇集了5 位贡献者的18 条贡献。v4.3.3 是一个维护版本主要包含以下改进CLI 与构建新增--watch --poll[ms]选项用于文件系统事件不可用或不可靠的环境如 Docker、网络驱动器仅在 watch 模式下按需加载parcel/watcher一次性构建和 poll 模式不再依赖该原生模块修复 Sass 等预处理器变更输入 CSS 但未修改磁盘文件时tailwindcss/postcss不重新构建的问题修复tailwindcss/vite在扫描文件被 Vite 处理但未作为模块加载时触发整页刷新的问题CSS 处理在不运行 Lightning CSS 的环境如tailwindcss/browser和 Tailwind Play中也能正确处理 CSS 嵌套防止在 oklch 等极坐标色彩空间中混合无色achromatic主题颜色时发生色相偏移--spacing(0)优化为0px而非0确保在calc()函数中保持正确的length类型选择器与规范化十六进制颜色与主题颜色进行大小写不敏感匹配bg-[#fff]和bg-[#FFF]都匹配为bg-white正确解析[data-foo]div为两个独立选择器theme(colors.foo)在同时存在--color-foo和--color-foo-bar时也能正确解析分数透明度修饰符可与命名阴影尺寸配合使用shadow-sm/12.5等字体与升级使用显式平台字体替代system-ui和ui-sans-serif使 CJK 文本在 Windows 上正确遵循页面lang属性防止tailwindcss/upgrade从子目录运行时重写已忽略的文件修复source规则指向嵌套文件时后续指向父文件夹的规则可能导致扫描遗漏的问题3. 获取安装包如果访问 GitHub 不便安装包及中文文档https://hanshuixin.org/go/224B内含 tailwindcss-windows-x64.exe、README 中英对照、发布说明中英对照和 LICENSE。Windows安装tailwindcss-v4.3.3tailwindcss-windows-x64.zip ├── tailwindcss-windows-x64.exe ├── Windows安装tailwindcss-v4.3.3tailwindcss-windows-x64.pdf ├── README/ │ ├── README.md │ └── README-中文版.md ├── 发布说明/ │ ├── RELEASE-NOTES.md │ └── RELEASE-NOTES-中文版.md └── LICENSE4. 快速开始Tailwind CSS v4 独立 CLI 无需 Node.js 环境将tailwindcss-windows-x64.exe放置在任意目录或添加至系统 PATH 后即可使用。基本用法创建一个输入 CSS 文件如input.css只需一行指令importtailwindcss;然后运行tailwindcss-windows-x64.exe-iinput.css-ooutput.css常用命令# 一次性构建tailwindcss-windows-x64.exe-iinput.css-ooutput.css# 监控模式文件变更自动重新构建tailwindcss-windows-x64.exe-iinput.css-ooutput.css--watch# 轮询模式适用于网络驱动器 / Docker 等文件事件不可用的场景tailwindcss-windows-x64.exe-iinput.css-ooutput.css--watch--poll# 生产环境构建压缩输出tailwindcss-windows-x64.exe-iinput.css-ooutput.css--minifyv4 会自动扫描项目中的模板文件HTML、JSX 等以检测使用的类名无需手动配置 content 路径。如需指定扫描路径可在 CSS 中使用source指令。