样式指南
未分类- 阅读
以下是主题中几乎所有您需要样式化的内容。请检查源代码以查看段落中的许多嵌套元素。
标题
一级标题
当初他们相遇在繁华的城市街头，彼此之间并没有太多的交情。然而，随着时间的推移，他们的生活交织在一起，成为了最亲密的朋友。
二级标题
当初他们相遇在繁华的城市街头，彼此之间并没有太多的交情。然而，随着时间的推移，他们的生活交织在一起，成为了最亲密的朋友。
三级标题
当初他们相遇在繁华的城市街头，彼此之间并没有太多的交情。然而，随着时间的推移，他们的生活交织在一起，成为了最亲密的朋友。
四级标题
当初他们相遇在繁华的城市街头，彼此之间并没有太多的交情。然而，随着时间的推移，他们的生活交织在一起，成为了最亲密的朋友。
五级标题
当初他们相遇在繁华的城市街头，彼此之间并没有太多的交情。然而，随着时间的推移，他们的生活交织在一起，成为了最亲密的朋友。
六级标题
当初他们相遇在繁华的城市街头，彼此之间并没有太多的交情。然而，随着时间的推移，他们的生活交织在一起，成为了最亲密的朋友。
段落
当初他们相遇在繁华的城市街头，彼此之间并没有太多的交情。然而，随着时间的推移，他们的生活交织在一起，成为了最亲密的朋友。
这段不经意的缘分让他们共同经历了生活的酸甜苦辣，创造了许多美好的回忆。或许命运的安排就是这样神奇，让两颗本不相识的心在这个纷繁世界里找到了属于彼此的温暖角落。
强调
这段文字是斜体，这段文字是加粗，当然你也可以组合使用
预格式化文本
当初他们相遇在繁华的城市街头，
彼此之间并没有太多的交情。
文本级语义
链接、链接、链接、链接
加粗 的例子
删除线 的例子
斜体 的例子
code 的例子
下划线 的例子
删除线 的例子
引用
的例子嵌套
一个引用
引用 的例子
术语 和 带标题的术语 的例子
缩写 和 带标题的缩写 的例子
删除 的例子
插入 的例子
键盘输入 的例子
标记文本 的例子
程序输出 的例子
小文本 的例子
上标 的例子
下标 的例子
变量 的例子
脚注
你可以创建脚注1。
列表类型
有序列表
有时候你需要有序列表：
- 列表项 1
- 列表项 2
- 嵌套列表项 A
- 嵌套列表项 B
- 列表项 3
无序列表
有时候你需要无序列表：
- 列表项 1
- 列表项 2
- 嵌套列表项 A
- 嵌套列表项 B
- 列表项 3
但我不得不承认，任务列表是我最喜欢的：
- 这是一个完成的项目
- 这是一个未完成的项目
定义列表
- 定义列表标题
- 这是一个定义列表划分。
- 定义列表标题
- 这是一个定义列表划分，这是一个定义列表划分。
块引用
让我们保持简单。斜体字有助于将其从正文中衬托出来。一定要设计引文的样式。
下午好，先生们。我是一台HAL 9000电脑。1992年1月12日，我开始在伊利诺伊州厄巴纳的H.A.L.工厂工作。我的导师是兰利先生，他教我唱歌。如果你想听，我可以为你唱。 —— HAL 9000
这里有一些尾随文字。
表格
如果你需要嵌入表格，就像这样：
| 表头 1 | 表头 2 | 表头 3 |
|---|---|---|
| 诺 1 | 诺 2 | 诺 3 |
| 诺 1 | 诺 2 | 诺 3 |
| 诺 1 | 诺 2 | 诺 3 |
| 姓名 | 年龄 | 性别 | 地址 | |
|---|---|---|---|---|
| 张飞 | 益德 | 16 | 男 | 涿州市 |
| 赵云 | 子龙 | 16 | 男 | 正定县 |
代码
代码可以内联显示，如 <?php bloginfo('stylesheet_url'); ?>，或者在 <pre> 块内。因为我们对代码有更具体的排版需求，我们将在浏览器定义的单空间字体之前指定 Consolas 和 Monaco。
.banner {
width: 750px;
height: 420px;
}
.banner image {
width: 100%;
height: 100%;
}import { Layout } from '#components'
export default () => (
<Layout title="Hello world">
<h1>Hello world</h1>
</Layout>
)多媒体
先是一段文字，然后是一张图片。
宽图
大图
描述文本
小图
衬托文本，衬托文本衬托文本衬托文本
衬托文本，衬托文本衬托文本衬托文本
视频
视频（宽）
音频
Footnotes
-
这是一个脚注的文本。 ↩