Skeleton 极简 CSS 框架:约 400 行样式,只给排版网格和表单

Skeleton(getskeleton.com)是一个极简 CSS 框架:整个样式表大约 400 行,只覆盖排版、按钮、表单、表格、列表、代码块,外加一套 12 列响应式网格。移动优先、没有 JavaScript,是那种「给裸页面一个干净骨架」的轻量选择。
它解决什么问题
轻量页面不需要组件库,只想快速有响应式网格和基础元素样式,避免从零写 reset。
但也有人分不清它和 Svelte 生态里那个同名 Skeleton UI,把两者当成一回事去搜文档。
核心能力
| 能力 | 具体能做到什么 |
|---|---|
| 样式表约 400 行 | 极短的代码量,一眼能读完,适合学习和嵌入 |
| 12 列响应式网格 | 移动优先的网格系统,做简单多栏布局无需额外库 |
| 基础组件样式 | 排版、按钮、表单、表格、列表、代码块统一了默认外观 |
| 无 JavaScript | 纯 CSS 实现,不引入脚本,体积小、依赖为零 |
| 移动优先 | 默认按小屏设计,再向上增强,契合现在的主流访问场景 |
| 易读易改 | 代码量小、结构直白,想改样式直接读源码比查文档还快 |
别和 Skeleton UI 搞混
必须提醒:Svelte 生态里另有一个同名项目 Skeleton UI(域名 skeleton.dev),那是基于 Svelte 的组件库,带主题系统和大量交互组件。它和本页的 Skeleton(getskeleton.com)完全无关,只是名字撞了。
查文档、搜问题时务必认准 getskeleton.com。两者解决的是不同层面的问题:一个是 400 行的极简骨架,一个是 Svelte 的整套组件方案。混为一谈会让你装错包、找错文档。
同类工具怎么选
| 工具 | 授权 | 差别在哪 |
|---|---|---|
| Milligram | 开源免费 | 同样极简,约 2KB,基础样式更紧凑 |
| Skeleton UI | 开源免费 | Svelte 组件库,同名但功能完全不同,慎混淆 |
| Water.css | 开源免费 | 零类名方案,连类都不用写就能美化裸 HTML |
谁适合用
- 做轻量页、原型,只要网格和基础样式的人
- 想读得懂、改得动源码的初学者与教学场景
- 需要无 JS、零依赖的嵌入式或演示页的人
怎么开始
- 从 getskeleton.com 下载 skeleton.css,引入到页面。
- 用 .container 与 .row / .columns 搭响应式网格。
- 按钮、表单、表格沿用默认类,无需额外配置。
- 移动端优先查看效果,再向上检查大屏布局。
- 需要定制时直接改源码,400 行内很快能定位。
常见问题
它和 skeleton.dev 是同一个吗?
不是。Skeleton UI(skeleton.dev)是 Svelte 组件库,与 getskeleton.com 这个极简 CSS 框架毫无关系,仅同名。
还在维护吗?
更新缓慢,新特性基本停滞;但 MIT 授权下仍可用,适合稳定小项目。
有组件吗?
没有交互组件,只有基础元素样式与网格,复杂交互需另加。
授权与合规
Skeleton 采用 MIT 协议发布,可自由用于个人与商业项目。项目更新缓慢,但授权与商用不受维护状态影响。 官网:getskeleton.com。
资源信息
界面语言
英文
授权方式
开源免费
适用平台
Web
获取方式
直链下载
资源更新
2026-09-19
页面更新
2026-09-16
↓ 获取资源
点击下方按钮直接开始下载。
立即下载
直链
http://getskeleton.com/