Tailwind CSS Typhography中的样式列表有哪些选项？

Tailwind CSS Typography 插件（通常称为 @tailwindcss/typography）提供了一套预设的样式，使得处理 HTML 内容（如博客文章、文档等）的排版变得更为简洁和一致。这些预设样式主要通过一个叫做 prose 的类来应用，并且包括了多种可调整的选项以适应不同的设计需求。

以下是一些主要的样式选项，这些都可以通过类修饰符来调整：

1. 尺寸（Size）

   • prose-sm: 更小的文字尺寸。
   • prose-lg: 更大的文字尺寸。
   • prose-xl: 更加突出的文字尺寸，适合大标题或重要内容。
   • prose-2xl: 进一步放大的文字尺寸。

2. 颜色（Color）

   • prose-blue: 文字和链接使用蓝色调。
   • prose-green: 文字和链接使用绿色调。
   • 更多颜色如 prose-red, prose-yellow 等，根据需求来设置不同颜色主题。

3. 暗黑模式（Dark Mode）

   • prose-dark: 适用于暗黑模式的颜色逆转。

在使用时，你可以非常简单地将这些类应用于包含文本的 HTML 元素上，如下例所示：

html
<article class="prose prose-lg prose-blue">
  <h1>文章标题</h1>
  <p>这是文章的一个段落，它使用了较大的字体尺寸和蓝色的主题。</p>
</article>

在这个例子中，prose 开启了基本的排版样式，prose-lg 增大了文本的尺寸，而 prose-blue 则给文本和链接设置了蓝色的主题。这样的组合使得文章的视觉效果更为吸引人，同时保持良好的阅读体验。