文章目录1. Tailwind CSS 简介2. v4.3.3 版本亮点3. 获取安装包4. 快速开始1. Tailwind CSS 简介Tailwind CSS 是一款实用优先utility-first的 CSS 框架由 Adam Wathan、Steve Schoger 和 Jonathan Reinink 于 2017 年创建。不同于 Bootstrap 等传统 UI 框架提供预设计组件Tailwind CSS 提供了大量原子化的 CSS 工具类如flex、pt-4、text-center开发者直接在 HTML 中组合这些类来构建界面。这种不离开 HTML的工作方式极大地提升了开发效率使 Tailwind CSS 迅速成为前端开发领域最受欢迎的 CSS 框架之一截至 2026 年 GitHub 上已获得超过 85,000 颗星标。Tailwind CSS v4.0 于 2025 年初发布是一次全面重写。新版本采用 CSS 优先的配置方式——不再需要tailwind.config.js所有配置直接写在 CSS 中利用现代 CSS 特性layer、import、自定义属性等实现按需生成样式开箱即用零配置。构建引擎用 Rust 重写为独立 CLI 二进制文件tailwindcss性能大幅提升同时通过 Oxide 引擎与 Node.js 生态保持兼容。Tailwind CSS 的核心特色包括实用优先丰富的原子化 CSS 工具类库覆盖布局、间距、颜色、排版、动画等各个方面即时构建JIT仅生成项目中实际使用的 CSS生成的 CSS 文件极小生产环境通常仅几 KB高度可定制通过 CSS 自定义属性和theme指令自由扩展设计系统无需离开 CSS独立 CLIRust 编写的原生二进制文件不依赖 Node.js构建速度极快丰富的生态官方支持的 VS Code 插件Tailwind CSS IntelliSense、Prettier 插件、Headless UI 组件库、Tailwind UI 模板市场等2. v4.3.3 版本亮点v4.3.3 于 2026 年 7 月 16 日发布是一个维护patch版本共包含 14 项修复主要改进如下CLI 与构建工具支持在tailwindcss/cli中使用--watch --poll[ms]适用于文件系统事件不可靠或不可用的场景仅在tailwindcss/cli --watch模式下按需加载parcel/watcher使一次性构建和--watch --poll在无法加载parcel/watcher时也能正常工作确保tailwindcss/postcss在 Sass 等预处理器更改输入 CSS 而未更改磁盘上的输入文件时也能重新构建确保即使不运行 Lightning CSS如在tailwindcss/browser和 Tailwind Play 中也能正确处理 CSS 嵌套防止tailwindcss/upgrade在从子目录运行时改写被忽略的文件防止tailwindcss/vite在扫描的文件已被 Vite 处理但尚未作为模块加载时触发整页刷新CSS 处理与颜色规范化canonicalization匹配任意十六进制颜色与主题颜色时不区分大小写例如bg-[#fff]和bg-[#FFF]均匹配为bg-white防止无色相achromatic主题颜色在oklch等极坐标色空间中混合时发生色相偏移确保--spacing(0)被优化为0px而非0以便在calc(…)中仍作为length类型使用选择器与主题函数将[data-foo]div这样的选择器解析为两个独立选择器而非一个确保 JS 插件中theme(colors.foo)在同时存在--color-foo和--color-foo-bar时正确解析确保小数不透明度修饰符fractional opacity modifiers与具名阴影尺寸配合使用如shadow-sm/12.5、text-shadow-sm/12.5、drop-shadow-sm/12.5和inset-shadow-sm/12.5其他修复防止 Preflight 覆盖 Firefox 原生的iframe:focus-visible轮廓样式使用显式平台字体替代system-ui和ui-sans-serif使 CJK 文本在 Windows 上能正确遵循页面的lang属性确保当后续source规则指向父文件夹中的文件时之前指向嵌套文件的source规则仍被扫描3. 获取安装包如果访问 GitHub 不便安装包及中文文档https://hanshuixin.org/go/224A内含 tailwindcss-macos-arm64、README 中英对照、发布说明中英对照和 LICENSE。适用于 macOS arm64Apple Silicon。macOS安装tailwindcss-v4.3.3tailwindcss-macos-arm64.zip ├── tailwindcss-macos-arm64 ├── macOS安装tailwindcss-v4.3.3tailwindcss-macos-arm64.pdf ├── README/ │ ├── README.md │ └── README-中文版.md ├── 发布说明/ │ ├── RELEASE-NOTES.md │ └── RELEASE-NOTES-中文版.md └── LICENSE4. 快速开始tailwindcss-macos-arm64是 Tailwind CSS 的独立 CLI 可执行文件不依赖 Node.js。使用前需解除 macOS 的隔离属性并赋予执行权限# 解除未知开发者隔离属性xattr-c./tailwindcss-macos-arm64# 赋予执行权限chmodx ./tailwindcss-macos-arm64安装到系统路径可选# 将 tailwindcss 可执行文件复制到 /usr/local/binsudocp./tailwindcss-macos-arm64 /usr/local/bin/tailwindcss常用命令# 初始化 Tailwind CSS 项目tailwindcss init# 编译 CSS监听模式tailwindcss-iinput.css-ooutput.css--watch# 生产环境构建压缩输出tailwindcss-iinput.css-ooutput.css--minify