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 查看官方文档哦!
The End


大气响应式网络建站服务公司织梦模板
高端大气html5设计公司网站源码
织梦dede网页模板下载素材销售下载站平台(带会员中心带筛选)
财税代理公司注册代理记账网站织梦模板(带手机端)
成人高考自考在职研究生教育机构网站源码(带手机端)
高端HTML5响应式企业集团通用类网站织梦模板(自适应手机端)