Markdown.css样式简介

Markdown.css 是一套基于 CSS 样式的，用于美化 Markdown 统一输出样式的工具。下面，我将为你详细讲解 Markdown.css 样式的使用。

一、如何引入 Markdown.css 样式

欲使用 Markdown.css 样式，需先进行引入。可以到 GitHub 下载或使用 CDN 引入样式表：

<link href="https://cdn.jsdelivr.net/npm/markdown-css/markdown.min.css" rel="stylesheet">

二、Markdown.css 的样式效果

Markdown.css 样式提供了多种不同的样式效果，包括标题、字体、颜色、列表、链接等。下面具体介绍其中的几种样式效果：

1. 标题样式

Markdown.css 样式提供了 6 级标题，从 h1 到 h6，分别使用 .h1 到 .h6 样式来控制。

# h1
## h2
### h3
#### h4
##### h5
###### h6

对应的样式效果如下：

h1

h2

h3

h4

h5

h6

2. 列表样式

Markdown.css 样式提供了多种列表样式。如无序列表使用 .ul 样式，有序列表使用 .ol 样式，带复选框的列表使用 .task-list 样式。

- 无序列表1
- 无序列表2

1. 有序列表1
2. 有序列表2

- [x] 复选框1
- [ ] 复选框2

对应的样式效果如下：

• 无序列表1

• 无序列表2

• 有序列表1

• 有序列表2

• [x] 复选框1

• [ ] 复选框2

3. 链接样式

Markdown.css 样式提供了链接样式，使用 .link 样式控制链接的颜色。

这是一个 [超链接](https://www.baidu.com)。

对应的样式效果如下：

这是一个 超链接。

总结

以上就是 Markdown.css 样式的简单介绍，通过以上示例，你能大致了解怎么使用 Markdown.css 样式控制 Markdown 文件的样式。如果想详细了解 Markdown.css 样式的其他特性，可以去 GitHub 查看官方文档哦！