Markdown.css 是一套基于 CSS 样式的,用于美化 Markdown 统一输出样式的工具。下面,我将为你详细讲解 Markdown.css 样式的使用。
欲使用 Markdown.css 样式,需先进行引入。可以到 GitHub 下载或使用 CDN 引入样式表:
<link href="https://cdn.jsdelivr.net/npm/markdown-css/markdown.min.css" rel="stylesheet">
Markdown.css 样式提供了多种不同的样式效果,包括标题、字体、颜色、列表、链接等。下面具体介绍其中的几种样式效果:
Markdown.css 样式提供了 6 级标题,从 h1
到 h6
,分别使用 .h1
到 .h6
样式来控制。
# h1
## h2
### h3
#### h4
##### h5
###### h6
对应的样式效果如下:
Markdown.css 样式提供了多种列表样式。如无序列表使用 .ul
样式,有序列表使用 .ol
样式,带复选框的列表使用 .task-list
样式。
- 无序列表1
- 无序列表2
1. 有序列表1
2. 有序列表2
- [x] 复选框1
- [ ] 复选框2
对应的样式效果如下:
无序列表2
有序列表1
有序列表2
[x] 复选框1
Markdown.css 样式提供了链接样式,使用 .link
样式控制链接的颜色。
这是一个 [超链接](https://www.baidu.com)。
对应的样式效果如下:
这是一个 超链接。
以上就是 Markdown.css 样式的简单介绍,通过以上示例,你能大致了解怎么使用 Markdown.css 样式控制 Markdown 文件的样式。如果想详细了解 Markdown.css 样式的其他特性,可以去 GitHub 查看官方文档哦!