文本样式用法

文本样式的使用

样式是可重复使用的视觉属性,用于定义文本的外观,包括字体、大小和颜色。它们能够集中管理网站中各处文本的外观。

应用和创建样式

默认情况下,所有文本均无样式。要应用样式:

  1. 选择一个文本元素或特定文本。

  2. 在属性面板中点击 文本 → 样式

  3. 要移除样式,请在属性面板中点击 ×

显示已应用文本样式的界面

添加断点

文本样式可通过断点适配不同设备尺寸。

  1. 点击一个文本样式以打开“编辑样式”弹窗。

  2. 断点 区域,点击 添加断点,为桌面端(L)、平板端(M)和移动端(S)添加默认设置。

  3. 为每个断点自定义字体大小、行高、字间距和段落间距。

管理样式

要管理样式:

  1. 前往左侧面板的 资源 → 样式 区域。

  2. 根据项目需求创建、编辑或删除样式。

项目中资源面板显示文本样式

富文本样式

使用 Markdown 可对单个文本元素应用多种样式。要自定义元素内的特定文本:

  1. 选择要修改的文本。

  2. 在属性面板中应用所需样式。

使用 Markdown 的多个文本元素

CMS 文本样式

CMS 元素的文本样式工作方式相同。在属性面板中,为 CMS 文本元素选择任意可用样式即可。

链接样式

要设置链接样式:

  1. 选择一个文本图层并导航到 链接 行。

  2. 调整 样式 属性以应用链接专用样式。

  3. 自定义悬停、激活和当前等状态。

CMS 链接样式

覆盖颜色

要突出显示样式中的特定文本:

  1. 应用所需的文本样式。

  2. 选择要修改的特定文本。

  3. 使用属性面板覆盖颜色,而无需创建新样式。

按照上述步骤操作后问题仍然存在?欢迎通过我们的联系页面进一步寻求帮助。

Create a free website with Framer, the website builder loved by startups, designers and agencies.