阅读器怎么写自定义 CSS?书籍与界面两个样式槽位
设置面板盖不到的细节,Readest 留了两个 CSS 槽:一个管书内容,一个管阅读器外壳。入口在阅读器的字体与版式面板的自定义区,粘贴保存即生效。
两个槽各管什么
- 书内容槽:作用于渲染后的书籍 HTML——body、p、blockquote、img、链接等 EPUB 内的一切元素。段首缩进强制、引文块加边线、图片圆角,都写在这。
- 界面槽:作用于工具栏与进度指示这些阅读器外壳,文档里举例的选择器有 .pages-left-number 等辅助类。想把页脚页码调淡、顶栏去阴影,写在这。
官方给的两条参考线
官方 wiki 维护着一份自定义 CSS 页面,含完整选择器清单与现成例子——写之前先去翻一眼,多数常见需求已有答案。开源仓库的 wiki 也在持续更新。
写与调的小流程
- 先在书内容槽写最小一条规则,保存看效果;
- 不生效多半是选择器太窄或被书自带样式压住,配合覆盖书籍样式开关排查;
- 满意后把这段 CSS 留档——它属于应用设置的一部分,随同步类目走。
排版的常规手段(字体主题双栏)到这组就讲完了;想连翻译查词都装进阅读器,进划词翻译。