样书说明

内容结构

样书由四部分组成：一、罗列 HTML 元素（按使用频率降序排列）；二、罗列 CSS 属性（按使用频率降序排列）；三、罗列常见样式，即元素与元素之间，元素与属性之间的组合；四、阅读系统测试。

样书段落设置的CSS：

示例约定

每个元素、属性、样式会提供尽可能场景覆盖全面的示例，用于测试排版引擎。为区分测试样式和样书正文，使用实心三角符号区分。例如：

▼

虽然一定程度上说“自来熟”是感情的“催化剂”，但初次见面就表现出非同寻常的热情，在双方并不了解的情况下，这种热情很容易造成其中一方的尴尬。尤其是在现代社会，大多数人比较讲究个人空间，拥有较强的私人领域意识，即便和熟人相处，也会保持一定的社交距离，更不要说完全不了解的陌生人了。陌生人的“自来熟”，往往更可能让人心里产生警觉，有所戒备。

▲

以倒三角▼表示开始，以正三角▲表示结束。结束后附上 HTML 或 CSS 代码。例如：

标题中符号说明

标题中含带圈数字的表示编辑优先级排序：

①优先级一，默认级别，标题中不含。

②优先级二。

③优先级三。

标题中含星号的表示为自定义 CSS 属性。例如qrbleed(贴边图)*、qrfullpage(撑满全屏)*。

元素说明

如无必要并不对元素增设或修改样式，呈现样式以默认为主。

Q阅对<pre>元素优化了样式，并添加放大镜效果，用于查看代码。此元素不需要应用类、外套样式、内套<code>元素，以免影响优化效果。

特殊类

类qqreader-footnote用于触发弹出式注释，不可更改其类名。该类仅可用于行内注释图标，注释内容添加到alt属性中。

测试方法

不同字号、不同字体、不同主题（背景和护眼模式）、不同翻页方式、不同增设行距。

最好有用户数据支持，都喜欢用什么组合功能设置。

版本记录

20241105（1.0）：根据开发提供的元素及属性，制作1.0版样书。

20241115（1.1）：丰富样例。

20241120（1.2）：丰富样例。

20241122（2.0 beta）：根据设计要求重新规划样书结构并丰富样例。

20241129（2.0 beta4）：完成元素部分编写。

20241206（2.0 beta6）：完成属性部分编写。

20241210（2.0 beta7）：<pre>元素丰富样例。增加MWE一章，持续完善中。增加藏语语言段落。

20241217（2.0 beta8）：完成选择器测试样例编写。补充说明pad版封面。补充目录中含上标、下标的写法。增加希腊语语言多字体段落。增加阅读系统测试章，持续完善中。

20241226（2.0 beta8.1）：对样式、测试用例添加分页符。