如何仅用HTML/CSS实现Markdown式链接与图片引用列表功能

这里整理了一套清晰的 Markdown 格式化规则，帮你快速上手编写规范的 Markdown 内容：

• 标题设置：用数字符号（#）定义标题层级，1个#对应一级标题，2个对应二级标题，以此类推。示例：# 一级标题、## 二级标题
• 列表制作：所有列表项以短横线（-）开头，轻松创建无序列表：
  • 第一条列表内容
  • 第二条列表内容
• 文本强调：把需要突出的文本用星号（*）包裹，实现斜体强调效果。示例：这段内容是重点
• 代码/命令展示：用反引号（）包裹代码或命令，让内容更醒目。示例：python main.py`
• 引用文本：在需要引用的内容前加上大于号（>），生成块级引用：

  这是一段引用的内容，适合展示名言、摘录的段落等

• 链接插入：采用 [显示文字](链接地址) 的格式。示例：技术文档
• 图片插入：格式为 [图片替代文字](图片地址)，替代文字会在图片加载失败时显示。示例：猫咪图片

内容的提问来源于stack exchange，提问作者bert