样书说明
内容结构
样书由3部分组成:一、罗列 HTML 元素(按使用频率降序排列);二、罗列 CSS 属性(按使用频率降序排列);三、罗列常见样式,即元素与元素之间,元素与属性之间的组合;四、罗列自定义属性。
样书段落设置的CSS:
p {
text-indent: 2em;
font-size: 1em;
}
示例约定
每个元素、属性、样式会提供尽可能场景覆盖全面的示例,用于测试排版引擎。为区分测试样式和样书正文,使用实心三角符号区分。例如:
▼
虽然一定程度上说“自来熟”是感情的“催化剂”,但初次见面就表现出非同寻常的热情,在双方并不了解的情况下,这种热情很容易造成其中一方的尴尬。尤其是在现代社会,大多数人比较讲究个人空间,拥有较强的私人领域意识,即便和熟人相处,也会保持一定的社交距离,更不要说完全不了解的陌生人了。陌生人的“自来熟”,往往更可能让人心里产生警觉,有所戒备。
▲
以倒三角▼表示开始,以正三角▲表示结束。结束后附上 HTML 或 CSS 代码。例如:
.DoubleLIneHeight {
line-height: 2;
}
标题中符号说明
标题中含带圈数字的表示编辑优先级排序:
①优先级一,默认级别,标题中不含。
②优先级二。
③优先级三。
标题中含星号的表示为自定义 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):完成属性部分编写。