97.9K ·GitHub
这是什么?
Tailwind CSS 是一个以工具类为核心的 CSS 框架,让你直接在 HTML 中组合一个个只负责单一用途的小类,从而快速搭建自定义的用户界面。
这是像 Bootstrap 那样自带现成组件的 CSS 框架吗,还是别的什么?
它以工具类为核心:它不提供预先设计好的组件,而是给你一套底层工具类(比如 flex、pt-4、text-center),你把它们组合起来就能做出自定义的设计。
我怎么把它加到项目里?
通过你的包管理器安装,并与 PostCSS 或你的构建工具集成;完整的设置说明见官方文档。
它依赖 PostCSS 吗?
依赖。Tailwind 以 PostCSS 插件的形式集成,并且在仓库的话题标签中列有 postcss,不过较新的版本也可以通过专门的 Vite/CLI 构建流程运行。
写满工具类的 HTML 难上手吗?
本 README 中没有明确说明,但这种以工具类为核心的做法会让标记里充满类名,而不是语义化的 CSS,一些开发者需要一段时间才能适应。
Tailwind 自带构建工具,还是只有 CSS 引擎?
仓库中包含一个基于 Rust 的引擎(测试通过 cargo test 运行),与 JS 工具一起提供;这反映了近期版本对核心构建流程进行的、以性能为重点的重写。
What are similar projects?
tachyons, daisyui, materialize, bootstrap-table, Core-Framework, uikit, spectre, bulma
Which topics is it in?
postcss, css-framework, responsive, tailwindcss, design, css, utility, html, ui, web-app, web-development, npm