H1:prose-sm 0.875rem (14px)

H2:适用于 640px 以上屏幕

H3:子小节标题

Tailwind CSS 遵循的是移动优先的设计原则。这意味着:默认情况下不加任何修饰符(比如 text-blue-500 或 p-4)的 CSS 规则会应用于所有屏幕尺寸,包括最小的移动设备屏幕。当你使用像 sm:, md:, lg: 这样的断点前缀时,你是在为更大(或等于)的屏幕尺寸添加或覆盖样式。断点是累积和覆盖的。 如果你只使用了 sm: 而没有使用 md: 或 lg:,那么 sm: 的样式将从 640px 开始一直生效到无限大(或者直到被另一个断点样式覆盖)。

你可以写一些加粗斜体代码片段的文字。

这是一个引用区域。
  1. 有序列表 1
  2. 有序列表 2
function greet(name) {
  return 'Hello, ' + name + '!';
}
			
项目 说明
HTML 超文本标记语言
CSS 层叠样式表

H1:prose-base 1rem (16px)

H2:也可写成 prose,是默认规则,适用于 768px 以上屏幕

H3:子小节标题

Tailwind CSS 遵循的是移动优先的设计原则。这意味着:默认情况下不加任何修饰符(比如 text-blue-500 或 p-4)的 CSS 规则会应用于所有屏幕尺寸,包括最小的移动设备屏幕。当你使用像 sm:, md:, lg: 这样的断点前缀时,你是在为更大(或等于)的屏幕尺寸添加或覆盖样式。断点是累积和覆盖的。 如果你只使用了 sm: 而没有使用 md: 或 lg:,那么 sm: 的样式将从 640px 开始一直生效到无限大(或者直到被另一个断点样式覆盖)。

你可以写一些加粗斜体代码片段的文字。

这是一个引用区域。
  1. 有序列表 1
  2. 有序列表 2
function greet(name) {
  return 'Hello, ' + name + '!';
}
			
项目 说明
HTML 超文本标记语言
CSS 层叠样式表

H1:prose-lg 1.125rem (18px)

H2:适用于 1024px 以上屏幕

H3:子小节标题

Tailwind CSS 遵循的是移动优先的设计原则。这意味着:默认情况下不加任何修饰符(比如 text-blue-500 或 p-4)的 CSS 规则会应用于所有屏幕尺寸,包括最小的移动设备屏幕。当你使用像 sm:, md:, lg: 这样的断点前缀时,你是在为更大(或等于)的屏幕尺寸添加或覆盖样式。断点是累积和覆盖的。 如果你只使用了 sm: 而没有使用 md: 或 lg:,那么 sm: 的样式将从 640px 开始一直生效到无限大(或者直到被另一个断点样式覆盖)。

你可以写一些加粗斜体代码片段的文字。

这是一个引用区域。
  1. 有序列表 1
  2. 有序列表 2
function greet(name) {
  return 'Hello, ' + name + '!';
}
			
项目 说明
HTML 超文本标记语言
CSS 层叠样式表

H1:prose-xl 1.25rem (20px)

H2:适用于 1280px 以上屏幕

H3:子小节标题

Tailwind CSS 遵循的是移动优先的设计原则。这意味着:默认情况下不加任何修饰符(比如 text-blue-500 或 p-4)的 CSS 规则会应用于所有屏幕尺寸,包括最小的移动设备屏幕。当你使用像 sm:, md:, lg: 这样的断点前缀时,你是在为更大(或等于)的屏幕尺寸添加或覆盖样式。断点是累积和覆盖的。 如果你只使用了 sm: 而没有使用 md: 或 lg:,那么 sm: 的样式将从 640px 开始一直生效到无限大(或者直到被另一个断点样式覆盖)。

你可以写一些加粗斜体代码片段的文字。

这是一个引用区域。
  1. 有序列表 1
  2. 有序列表 2
function greet(name) {
  return 'Hello, ' + name + '!';
}
			
项目 说明
HTML 超文本标记语言
CSS 层叠样式表

H1:prose-2xl 1.5rem (24px)

H2:适用于 1536px 以上屏幕

H3:子小节标题

Tailwind CSS 遵循的是移动优先的设计原则。这意味着:默认情况下不加任何修饰符(比如 text-blue-500 或 p-4)的 CSS 规则会应用于所有屏幕尺寸,包括最小的移动设备屏幕。当你使用像 sm:, md:, lg: 这样的断点前缀时,你是在为更大(或等于)的屏幕尺寸添加或覆盖样式。断点是累积和覆盖的。 如果你只使用了 sm: 而没有使用 md: 或 lg:,那么 sm: 的样式将从 640px 开始一直生效到无限大(或者直到被另一个断点样式覆盖)。

你可以写一些加粗斜体代码片段的文字。

这是一个引用区域。
  1. 有序列表 1
  2. 有序列表 2
function greet(name) {
  return 'Hello, ' + name + '!';
}
			
项目 说明
HTML 超文本标记语言
CSS 层叠样式表