jian.css

jian.css

簡介

jian.css，一個超級輕的CSS 框架，比你見過的幾乎所有CSS 框架都輕，同時讓您的網站具有舒適的視覺享受。 它擁有以下特點：

• ?️超級輕量，比water.css、simple.css 等“輕量級” CSS 框架小得多，大小是simple.css 的37% （main.css）。
• ✔高兼容性，支持大多數主流瀏覽器。
• ?適配深色模式，讓網站在黑暗中也能適應環境。
• ️效果出眾，絲毫不亞於Bootstrap 等“重量級”框架。
• 沒有JavaScript，只有CSS。
• ?️高自定義性，只用一行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 小時內回复你。