封面
对封面的说明
分册封面
对分册封面的说明
样书说明
内容结构
示例约定
标题中符号说明
元素说明
特殊类
测试方法
版本记录
元素
h1~h6标题元素
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
p(段落元素)
复杂文本段落测试
中文、英文、数字、特殊符号组合
长短句混排,检测行间距与缩进
大小写与缩写测试
字符密度与换行测试
数字与单位测试
引号、嵌套与语言标记测试
常用特殊符号分类及其对应符号
纯文字段落测试
括号测试
中英文文字混排
英文段落中包含中文及中文标点
中文、数字、英文混排
全球语言支持
英文段落
法语段落 Les Journées des langues aux Nations Unies ont été introduites en 2010 pour célébrer le multilinguisme et la diversité culturelle.
俄语段落 в день рождения великого русского поэта А.С. Пушкина
阿拉伯文段落 اللغة العربية والفنون: توسيع آفاق التنوع الثقافي
日语段落 双方は、今後も緊密な交流を行っていくことで一致しました
藏语 ཟུར་མཁར་སྐྱ་རྫ་
希腊语 οὐδὲ αἱ οὖσαι [ἄμπελοι] ὅπως φέρωσιν αὐτῷ
阿塞拜疆文 ÜÇÜNCÜ DƏRS KİÇİK DÖVLƏT – BÖYÜK MƏMLƏKƏT
img(图像嵌入元素)
<p>元素内图像
<div>和<span>元素内图像
图像父级为<body>
a(锚元素)
访问外部资源
单向链接
空白内容链接
图片作为链接对象
<img>独立成段
在<p>元素内
在<h1>元素内
在<h2>元素内
在<h3>元素内
在<h4>元素内
在<h5>元素内
在<h6>元素内
在<div>元素内
在<span>元素内
在<section>元素内
在<blockquote>元素内
sub(下标元素)
市场规模(X_6、X_7)
sup(上标元素)
a^2+b^2=c^2
br(换行符号)
hr(主题分割元素)
div(内容划分元素)
span(内容划分元素)
pre(预定义格式文本)
复杂的例子
简单单行代码
简单多行代码
多行代码带缩进
超长代码压缩为一行
带制表符的大型文本
预格式文本中添加背景色
带行号的代码以及连续两个代码块
代码块中有超链接注释
代码块外套无样式<div>元素
代码块外套简单样式<div>元素
code(行内代码元素)
u(未阐明的注释元素)
i(术语文本元素)
b(强调文本的元素)
ol/ul/li(罗列元素)
video(视频嵌入元素)
audio(音频嵌入元素)
blockquote(块级引用元素)
q(行内引用文本)
small(备注元素)
ruby/rt/rp(注音或注释)
带声调的拼音字母(测试默认字体显示效果)
拼音段落
注音段落
strong(表示重要的文本)
em(强调元素)
s(表示抛弃的文本)
del(表示删除的文本)
②其他元素
nav
aside
article
section
figure/figcaption
cite
dl/dt/dd/dfn/abbr(术语元素)
kbd
table/thead/tbody/tfoot/tr/th/td
属性
将 CSS 应用于文档的三种方法
1.外部样式表
2.内部样式表
3.内联样式
选择器
元素选择器
类选择器
ID 选择器
属性选择器
选择器列表
后代组合器
直接子代组合器
一般兄弟组合器
紧邻兄弟组合器
伪类
伪元素
qrbleed(贴边图)*
贴左侧
贴右侧
qrfullpage(撑满全屏)*
全屏样式给img元素
全屏样式给p元素
font-size(字体大小)
相对单位值:em
相对单位值:rem
百分比值
绝对单位值:px
font-family(设置字体)
无衬线风格
衬线风格
手写风格
汉仪旗黑65S
汉仪旗黑55S
汉仪旗黑50S
汉仪楷体
汉仪书宋
方正中雅宋
font-weight(设置字重)
样式表:整段加粗和行内文字加粗
内联:整段加粗和行内文字加粗(千分数字)
font-style(字体风格)
文字倾斜
文字斜体(嵌入式字体)
②@font-face(嵌入式字体)
text-align(水平对齐方式)
居中、居左、居右
通过宽度+margin配合实现居右
text-indent(首行缩进)
缩进为负值
缩进3个汉字
vertical-align(垂直对齐方式)
上标、下标、行内垂直居中
单元格中垂直对齐
整段行内加粗+标准字号+上标
text-decoration(文本装饰)
下划线
波浪形下划线
删除线
text-shadow(文本阴影)
段落文字添加阴影
文字白色+描边
②text-emphasis(文本强调标记)
点
读
圆
点+颜色
line-height(行高)
2倍行距
250% 行距
margin(外边距简写)
应用于所有边
上下、左右
上边、左边右边、下边
上、右、下、左
margin-top(上外边距)
上空30%
margin-bottom(下外边距)
margin-left(左外边距)
margin-right(右外边距)
padding(内边距简写)
应用于所有边
上下、左右
上边、左边右边、下边
上、右、下、左
padding-top(上内边距)
padding-bottom(下内边距)
padding-left(左内边距)
padding-right(右内边距)
color(颜色)
十六进制字符串表示法
RGB 函数表示法
RGB 函数表示法+不透明度
关键字
应用于边框
width(宽度)
给段落元素设置宽度
给段落元素设置宽度,使用百分比值
段落文字添加阴影给<div>设置宽度,使用百分比值
行内图片设置宽度
图片设置宽度(图片宽度是视口的70%)
图片设置高度(图片高度是视口的20%)
图片同时设置宽度和高度
图片的宽度属性(旧书旧属性)
height(高度)
图片的高度属性(旧书旧属性)
②float(浮动)
文字浮动
图片浮动体(左)
图片浮动体(右)
background(背景简写)
background-color(背景颜色)
块背景
段落背景
行内文字背景
background-image(背景图像)
段落添加背景图片
给块添加背景图片
background-repeat(背景重复方式)
background-size(背景尺寸)
background-position(背景初始位置)
border
行内的边框
分别设置宽度、颜色和样式
为图片添加描边
相邻边框(给p元素)
相邻边框(给div元素)
相邻边框不设置margin的情况
border-width(边框宽度简写)
border-style(边框样式)
border-color(边框颜色)
border-top(上边框简写)
border-bottom(下边框简写)
border-left(左边框简写)
border-right(右边框简写)
②border-radius(圆角简写)
分别使用不同单位设置弧度
同时设置两个位置弧度
同时设置三个位置弧度
list-style(罗列样式简写)
list-style-type(罗列样式的计数器格式)
list-style-image(罗列样式图像符号)
list-style-position(罗列样式位置)
手动分页
②page-break-before(之前分页)
②page-break-after(之后分页)
块内不分页
②text-justify(文本齐行办法)
③hyphens(连字符)
③word-break(单词断行)
②box-shadow(盒子阴影)
②border-collapse(边框合并选项)
②opacity(透明度)
②writing-mode(书写方向)
MWE
上目录标题前存在内容
汉字字符集
GB/T 2312
《通用规范汉字表》
一级字
二级字
三级字
GB 18030-2022
基本区
基本区补充
扩展A
扩展A补充
扩展B
扩展B补充
标题中含扩展B字符测试𠀋𠀖𠀗𠂤𠀀𠀁𠀂
一级标题:𠀋𠀖𠀗𠂤𠀀𠀁𠀂
二级标题:𠀋𠀖𠀗𠂤𠀀𠀁𠀂
三级标题:𠀋𠀖𠀗𠂤𠀀𠀁𠀂
四级标题:𠀋𠀖𠀗𠂤𠀀𠀁𠀂
五级标题:𠀋𠀖𠀗𠂤𠀀𠀁𠀂
六级标题:𠀋𠀖𠀗𠂤𠀀𠀁𠀂
样式集合
高度确定+自动宽度的行内图像
行内背景色+图
多字色+大面积背景色
诗歌
现代诗
书信
首字下沉
背景块+首字下沉
弹出式注释
用图片做下划线
省略颜色值的双实线下边框
有图片标题和图说的插图
小高度大宽度图片
超长高度的图片
行内、行间公式图
超高行内图
段落中插入较多的图片字
使用了width和height属性,控制宽高
多种高度行内图
连续的边框
小标题样式
实线右边框的标题
标题中含图片字并上目录
边框+代码块
pre元素添加上下线条
7.(20150712) These days children spend more time on doing homework or participating in organized activities related to school or sports. However they should be given more time to do whatever they wa
policy截至 2024 年 10 月 27 日的 2025 财年第三季度财报显示,higher本季度营收为 350.8亿美元,环比增长 17%,同比增长 94%,创历史新高。得益于AMD Instinct GPU出货量的强劲增长和AMD EPYC CPU销售的增长。
全屏背景图+边框的版权页
连续border没有padding和margin值
背景图、出血图及文字span
标题中含图片字□并上目录
阅读系统测试
长书名在页眉的表现
核心媒体类型支持
gif
jpeg
MP3
MP4
opus
png
svg
webp
章节打开速度
6K章节
10K章节
22K章节
60K章节
100K章节
140K章节
- APP免费
有50张图的漫画章节
- APP免费
注释
更新时间:2019-05-23 18:18:22