文章目录1. Tailwind CSS 简介2. v4.3.3 版本亮点3. 获取安装包4. 快速开始常用命令1. Tailwind CSS 简介Tailwind CSS 是由 Adam Wathan 于 2017 年创建的实用优先utility-firstCSS 框架目前在 GitHub 上拥有超过 91,800 颗星标是全球最受欢迎的 CSS 框架之一。与 Bootstrap 等提供预设组件样式如.btn、.card的传统框架不同Tailwind CSS 提供的是原子化的工具类如flex、pt-4、text-center、bg-blue-500开发者直接在 HTML 中组合这些类即可快速构建自定义界面无需编写传统 CSS。Tailwind CSS v4.0 于 2025 年 1 月正式发布是一次从零开始的重写。其核心引擎Oxide采用 Rust 编写使完整构建速度提升 3.5 至 5 倍增量构建速度提升高达 100 倍。v4 还引入了 CSS 优先的配置方式——通过theme指令直接在 CSS 中定义设计令牌不再需要tailwind.config.js配置文件。核心特色包括实用优先Utility-First提供数百个单一职责的 CSS 工具类按需组合无需命名类、无需在 CSS 和 HTML 之间来回切换。Oxide 引擎Rust 驱动JIT即时编译模式扫描源文件仅生成实际使用的 CSS生产环境包体积极小。CSS 优先配置使用theme指令在 CSS 中定义颜色、字体、间距、断点等设计令牌所有值自动暴露为 CSS 自定义属性。原生级联层采用layer theme, base, components, utilities原生 CSS 级联层工具类具有最高优先级。OKLCH 色彩空间默认使用感知均匀的 OKLCH 色彩空间支持 P3 广色域色彩更鲜艳精准。容器查询内置支持无需插件即可使用container、sm:、md:等容器查询。3D 变换内置rotate-x-*、rotate-y-*、scale-z-*、translate-z-*、perspective-*等 3D 工具类。动态工具类值grid-cols-15、mt-17、w-29等任意值直接可用无需方括号语法或配置扩展。2. v4.3.3 版本亮点该版本汇集了5 位贡献者的15 条贡献。v4.3.3 是一个问题修复bug fix版本主要修复如下CLI 与构建工具支持--watch --poll[ms]轮询模式用于文件系统事件不可靠的场景如 Docker、网络挂载卷。仅在--watch模式下按需加载parcel/watcher一次性构建和--watch --poll不再依赖该原生模块。确保 Sass 等预处理器修改输入 CSS 后tailwindcss/postcss能正确重新构建。防止tailwindcss/vite在文件扫描阶段触发不必要的整页重载。防止tailwindcss/upgrade从子目录运行时错误地重写被忽略的文件。CSS 处理与选择器十六进制颜色与主题颜色匹配时忽略大小写bg-[#fff]和bg-[#FFF]均正确匹配。规范解析[data-foo]div类选择器为两个独立选择器。即使在未使用 Lightning CSS 的环境中如tailwindcss/browser也能正确处理 CSS 嵌套。--spacing(0)优化为0px而非0确保在calc()中保持长度类型。样式修正使用显式平台字体替代system-ui和ui-sans-serif确保 Windows 上 CJK 文本正确响应lang属性。防止 Firefox 的iframe:focus-visible原生轮廓样式被 Preflight 覆盖。防止无色相主题颜色在oklch等极坐标色彩空间中混合时发生色相偏移。主题与配置当--color-foo和--color-foo-bar同时存在时JS 插件中theme(colors.foo)能正确解析。小数不透明度修饰符与命名阴影尺寸正确配合如shadow-sm/12.5。嵌套文件的source规则与父文件夹的source规则能正确协同扫描。3. 获取安装包如果访问 GitHub 不便安装包及中文文档https://hanshuixin.org/go/2249内含 tailwindcss-linux-x64、README 中英对照、发布说明中英对照和 LICENSE。适用于 Linux x86_64glibc。4. 快速开始tailwindcss-linux-x64是一个独立可执行文件无需安装下载后添加执行权限即可使用# 添加执行权限chmodx tailwindcss-linux-x64# 可选移动到系统 PATH 以便全局调用sudomvtailwindcss-linux-x64 /usr/local/bin/tailwindcss常用命令# 初始化 Tailwind CSS 项目创建默认 CSS 文件tailwindcss# 编译 CSS扫描当前目录模板文件生成输出tailwindcss-iinput.css-ooutput.css# 监听模式文件变化时自动重新编译tailwindcss-iinput.css-ooutput.css--watch# 轮询监听模式适用于 Docker、网络挂载卷等文件事件不可靠的环境tailwindcss-iinput.css-ooutput.css--watch--poll# 压缩输出生产环境tailwindcss-iinput.css-ooutput.css--minify# 查看帮助tailwindcss--help注意Tailwind CSS v4 会自动扫描项目中的模板文件来检测使用的类名无需配置content路径。如需显式指定或排除文件可在 CSS 中使用source指令。