适合语义 HTML 的最小 CSS 框架

TailwindCSSBootstrap 不同,这是一类属于“极简、无类名(classless)”风格,非常适合只需最小化样式和单一功能、专注语义 HTML 结构的网页场景。

Hacker News 也有用户专门讨论这两种框架的区别:

  • 定位不同:Pico CSS 主打“即插即用”和极简美观,适合无需复杂自定义的小型项目;Tailwind CSS 更注重灵活定制和组件化,适合大型、复杂项目。
  • 开发体验:Tailwind 能提高开发效率,减少命名 class 的压力,但会让 HTML 标签变得冗长,有些人觉得结构不够清晰。Pico 则直接给出优雅样式,尤其适合希望省事的开发者,但扩展性和个性化较弱。
  • 样式管理争议:部分人认为,把大量样式都堆在 class 属性上(比如 Tailwind 方式),会让 HTML 变得难以维护,这时用传统 CSS 文件会更好。
  • 可混用性:两者都只是 CSS,理论上可以结合使用,但要注意全局样式冲突。
  • 使用门槛:Pico 支持直接下载使用,无需构建;Tailwind 构建流程稍复杂,但新版可用 CDN 或独立文件。

我觉得非常适合让AI拿来给简单的HTML项目美化用用。

Pico.css

尺寸:〜10 kb

简约且轻巧的入门套件,优先考虑语义语法,默认情况下,每个HTML元素都响应且优雅。

Open Source CSS Variables

尺寸:4~10KB

Beer CSS

尺寸: <10KB

MVP.css

尺寸 10KB

sakura

尺寸:2KB

:cherry_blossom:最小CSS框架/主题。

框架带的css少了,那么项目里的css就多了(