Milligram 极简 CSS 框架：压缩仅约 2KB，给基础元素一个体面底子

Milligram 是一个极简到极致的 CSS 框架：压缩后大约 2KB，只提供最基础的元素样式——排版、按钮、表单、列表、表格，再配一套 12 列 Flexbox 网格。它没有 JavaScript，也没有组件，目的就是让你的页面在零配置下先有个干净、体面的底色。

它解决什么问题

小项目、原型、嵌入式页面，上全套框架纯属杀鸡用牛刀，体积和心智负担都不划算。

又不想让裸 HTML 完全没样式：默认浏览器样式既不统一也不好看，需要一点点规范。

核心能力

它解决什么、不解决什么

Milligram 的定位是「底色」而非「系统」。它把最通用的元素样式和一套简单网格给你，省去从零写 reset 与基础排版的功夫。适合演示页、落地小页、原型，以及塞进设备里的嵌入式页面。

但它不会给你模态框、下拉、导航栏这类交互组件，也不会替你做设计系统。需要这些时，它该被当成地基，而不是整套方案。超过它能力边界的需求，就该换更完整的框架。

同类工具怎么选

谁适合用

• 做小项目、原型、演示页，要快但不想裸奔的人
• 需要给嵌入式页面或轻量页一个干净底色的人
• 想避开重框架，只要基础排版与网格的人

怎么开始

1. 在官网或 npm 拿到 milligram.min.css，引入到页面 head。
2. 直接写语义化 HTML，元素会自动获得基础样式。
3. 用 .row 与 .column 搭建 12 列 Flexbox 网格。
4. 按钮加 .button，表单与列表沿用默认样式即可。
5. 需要微调时，用你自己的样式覆盖对应类，优先级简单。

常见问题

真的不需要任何 JS 吗？
是的，Milligram 纯 CSS，没有任何交互脚本；需要交互组件得自己加或换框架。

能和其他框架一起用吗？
可以，但它体积小、类名短，混用时注意类名冲突，必要时加前缀隔离。

适合做完整网站吗？
不适合。它没有组件系统，复杂站点建议用更完整的框架，或仅作基础层。

授权与合规

Milligram 采用 MIT 协议发布，可自由用于个人与商业项目，无付费版本，商用没有限制。 官网：milligram.io。