简介

jian.css，一个超级轻的 CSS 框架，比你见过的几乎所有 CSS 框架都轻，同时让您的网站具有舒适的视觉享受。 它拥有以下特点：

• 🎈️超级轻量，比 water.css、simple.css 等“轻量级” CSS 框架小得多，大小是 simple.css 的 37%（main.css）。
• ✔高兼容性，支持大多数主流浏览器。
• 🌙适配深色模式，让网站在黑暗中也能适应环境。
• ✨️效果出众，丝毫不亚于 Bootstrap 等“重量级”框架。
• 🎨️高自定义性，只用一行 JavaScript 代码，将颜色自由切换（使用普通版本）。
• 📏️使用黄金比例，让您的网站更易阅读。

为谁而设？

好吧，这个问题的简短答案是任何人。但是，jian.css在构建简单的网站（如个人博客，关于页面或新网站的基础）时确实大放异彩。

快速上手

使用CDN

普通版本

将以下代码添加到你的网页里：

<link rel="stylesheet"href="https://cdn.jsdelivr.net/gh/jian-css/jian.css@master/main.min.css">
<!--jian.css 提供的工具类-->
<link rel="stylesheet"href="https://cdn.jsdelivr.net/gh/jian-css/jian.css@master/tools.min.css">

或者指定版本：

<link rel="stylesheet"href="https://cdn.jsdelivr.net/gh/jian-css/[email protected]/main.min.css">

只需要将“@”后面的内容替换为版本号就可以了。

兼容版本

兼容版本是专门适配 IE 等老式浏览器所准备的版本，除不能切换主题颜色外，与普通版本无任何区别（目前已不再维护）。
将以下代码添加到你的网页里：

<link rel="stylesheet"href="https://cdn.jsdelivr.net/gh/xyzscratcher/xyzscratcher.github.io@master/jian-css/jianrong.min.css">

从其他框架转到 jian.css

star history

使用须知

• 网页源代码中一定要添加<meta name="viewport" content="width=device-width, initial-scale=1">，否则手机显示会出问题！

感谢

jian.css 参考了 Bootstrap、simple.css、Layui 等优秀的框架，这让 jian.css 拥有了许多好用的特点，在此一并表示感谢！

招募维护者🎉

如果你

• 对这个项目有兴趣
• 有一定的 CSS 基础
• 有责任心
• 每周至少上线一次

可以致信 [email protected] 申请维护者。信中请注明：

• 你的 GitHub 账号
• 你为什么想当 jian.css 的维护者
• 你能为 jian.css 带来什么
• 你做过的项目（可选）

一旦你的申请通过，我会在 24 小时内回复你。