回到所有的课程
课程库

内联文本格式

使用内联文本格式对文本的任何部分设置不同于文本其余部分的样式。

这个视频的特点是一个旧的UI。更新版本即将发布!

内联文本格式选项使您可以对文本的任何部分设置不同于文本的其他部分的样式。从任何文本元素(如段落或标题)中选择文本,您可以加粗、斜体、链接或简单地设置所选文本的样式。

格式化文本

要格式化内联文本,双击任何文本元素。这允许您选择里面的文本。突出显示文本元素中的文本的任何部分,文本格式栏将出现在突出显示的文本上方。文本格式栏提供以下选项:

  • 大胆的
  • 斜体
  • 上标
  • 下标
  • 插入链接
  • 包装与跨
  • 清楚的格式

单击文本格式栏中的格式选项,将其应用于高亮显示的文本。

文本元素中高亮显示的文本在高亮显示的文本上方显示文本格式栏,有粗体、斜体、上标、下标、插入链接、span换行和明确格式作为选项。
富文本有不同的内联文本格式栏。学习更多的知识。

内联样式的文本

对文本选择应用任何内联文本格式都会在主文本元素中创建一个嵌套元素。您可以选择这些嵌套元素中的任何一个,并使用样式面板进一步设置它们的样式。

在Navigator中,应用了内联文本格式的文本部分将成为主段落文本元素中的嵌套元素。

可以对同一个文本选择应用多种格式。例如,您可以加粗和斜体相同的单词。当您添加和修改这些样式值时,文本将保持在文本元素内。

粗体和斜体文本

将文本设置为大胆的赋予它粗体权重的默认样式。虽然可以通过创建类来样式化这个嵌套元素,但是也可以选择样式化所有粗体标记以更改站点中所有粗体文本的默认样式。

粗体选项是文本格式栏中突出显示的文本。

设置All bold标签的样式:

  1. 选择粗体文本元素
  2. 打开风格的面板
  3. 点击进入选择字段
  4. 选择所有粗体标签
  5. 调整样式

将文本设置为斜体将其默认样式设置为斜体。同样,您可以通过创建类来设置这个嵌套元素的样式,也可以选择设置样式所有斜体标记以更改站点中所有斜体文本的默认样式。

斜体选项是文本格式栏中突出显示的文本。

设置全斜体字标签的样式:

  1. 选择斜体文本元素
  2. 打开风格的面板
  3. 点击进入选择字段
  4. 选择所有斜体标签
  5. 调整样式
很高兴知道:如果您的字体没有粗体或斜体版本,那么浏览器将为这两个版本生成一个可能渲染不好的版本。

创建上标或下标文本

很高兴知道:屏幕阅读器不会显式地指示文本中存在上标或下标字符。为了提高可用性并确保屏幕阅读器能够从周围的文本中区分上标和下标文本,可以使用ARIA属性创建描述性的屏幕阅读器专用文本。了解更多关于ARIA属性

将文本设置为上标将所选内容转换为比法线高出半个字符并以较小字体呈现的文本。可以通过创建类来样式此嵌套元素,也可以选择样式所有标标记来更改站点中所有上标文本的默认样式。

上标选项是文本格式栏中突出显示的文本。

样式所有上标标签:

  1. 选择上标文本元素
  2. 打开风格的面板
  3. 点击进入选择字段
  4. 选择所有标标签
  5. 调整样式

将文本设置为下标将所选内容转换为比法线低半个字符并以较小字体呈现的文本。可以通过创建类来样式此嵌套元素,也可以选择样式所有下标标记来更改站点中所有下标文本的默认样式。

下标选项是文本格式栏中突出显示的文本。

设置所有下标标签的样式:

  1. 选择下标文本元素
  2. 打开风格的面板
  3. 点击进入选择字段
  4. 选择所有下标标签
  5. 调整样式

插入内联链接

插入链接将所选内容转换为文本链接。然后,您可以选择该链接,并从设置面板设置您的链接设置。

插入链接选项是文本格式栏中突出显示的文本。

默认情况下,链接将从All Links标签继承其样式。了解更多关于样式标记的信息.您还可以通过添加一个类来随意设置此链接的样式。

在span中包装文本可进一步设置其样式

您可以使用内联样式快速加粗、斜体或将选定内容转换为上标或下标,而无需进一步对选定文本进行样式化。但是,你可能想要在你的文本中添加其他样式。例如,您可能想要给一个短语加下划线,或者通过添加背景来创建一个高亮效果。的包装与跨选项将所选文本包装在一个元素中,该元素可以使用Style面板中的任何属性设置样式。您也可以创建一个类并将其应用于多个span元素。

带span的换行选项在文本格式栏中突出显示文本。

示例-文本下划线

通常,您需要在段落中选定的单词或短语上定义文本修饰属性。要做到这一点:

  1. 双击编辑段落
  2. 选择要加下划线的文本
  3. 选择包装与跨选项
  4. 确保文本跨越被选中
  5. 添加下划线文本装饰属性在样式面板

清除格式

清除任何自定义格式。

  1. 双击文本元素
  2. 选择格式化的文本
  3. 点击清楚的格式
清晰格式选项在文本格式栏中突出显示文本。

您可以单独选择格式化的文本区域,或选择整个段落,一键清除所有格式。清除格式时,将删除内联样式、span和链接。

您还可以通过单击指示是否应用格式的任何蓝色图标来删除内联样式和链接的单个格式。

插入空格

在使用段落的时候,你可能会注意到,有时一个单词会被留在最后一行。您可以将单词连接在一起,同时使用不间断的空格来保留空格。非换行空格在单词之间创建了一个不能被换行字符打断的空格。如果需要增加一个不中断的空格,按Shift +空间当在你想要保持在一起的单词之间添加空格时。

注意:使用手动中断或非中断空间时要小心。它可以解决大屏幕上的文本问题,但在小屏幕上可能会导致其他问题。
尝试Webflow——它是免费的
Baidu
map