readable.css

# readable.css 来源：https://readable-css.freedomtowrite.org/ readable.css 是一个 CSS 框架，但和你见过的其他框架不同。它不是帮你搭建整个网站的视觉设计，而是提供一套既合理又美观的基础默认样式。开箱即用的特性包括： - 亮色与暗色模式（手动切换或通过 `prefers-color-scheme` 自动适配） - 响应式设计 - 垂直节奏 - 页眉与页脚 - 导航栏样式 - 美观的图片、引用、侧边栏、表格 (https://readable-css.freedomtowrite.org/#browser-support)、按钮和表单 - 文本对齐（默认关闭） - 原生字体支持（衬线、无衬线或等宽） 你**刻意找不到**的特性： - 花哨的动画 - 自定义字体 - 工具类 - 任何会覆盖用户浏览器设置的样式 readable.css 的核心设计原则是**一致性**。颜色、字体样式、边框宽度、行高以及所有其他元素在整个网站中保持一致。 ## 使用 readable.css 在你的网站中加入 readable.css 非常简单。只需从发布页面 (https://codeberg.org/Freedom-to-Write/readable.css/releases) 下载最新版本的 CSS 文件，然后添加到你的代码中： `` `` 不过，每个框架都有学习曲线，readable.css 也不例外。readable.css 会根据你对语义化 HTML 的使用来尝试理解你希望网站呈现的效果，但你很可能需要学习如何正确使用这些语义化 HTML，才能充分利用这份样式表。 关于如何使用 readable.css 以及编写与其配合良好的 HTML 的指南，请访问 wiki (https://codeberg.org/benjaminhollon/readable.css/wiki)。 ## 浏览器支持 | Firefox | Chromium | Edge | Safari | IE | |---------|----------|------|--------|----| | 84+ | 88+ | 88+ | 10+ | 不支持 | 对于 Chromium、Firefox 和 Edge，限制因素是 `:not()` 和 `:is()` 的支持。对于 Safari，限制因素是 CSS 变量支持。IE 不支持，且自 2022 年 6 月 15 日起已停止维护。 ## 关于 Freedom to Write Freedom to Write (https://freedomtowrite.org/) 是一个致力于为写作行业创建并支持自由开源软件解决方案的运动。我们梦想着一个世界：所有写作者都能轻松分享自己的观点，无需依赖专有软件。