内联文本

本页描述了如何在页面内容中对视觉上强调的文本进行样式设置。

加粗文本(<strong>)

标记为 粗体的文本 如何在您的站点上显示取决于 UI 加载的字体和 UI 应用于 <strong> HTML标记的 CSS 样式。

A bold <strong>word</strong>, or a bold <strong>phrase of text</strong>.

因为 <strong> 是一个语义 HTML 元素，它会自动从浏览器继承默认样式( font-weight: bold )。如果希望重写浏览器样式，则需要在 UI 的样式表中为 strong 选择器定义属性。

在默认的 UI 中，<strong> 元素的样式是当前字体( Roboto )的 500 字体粗细。例如：

A bold word, or a bold phrase of text.

斜体文本(<em>)

斜体文本 在站点上的显示方式取决于 UI 加载的字体和 UI 应用于 <em> HTML 标记的 CSS 样式。

An italic <em>word</em>, or an italic <em>phrase of text</em>.

因为 <em> 是一个语义 HTML 元素，它会自动从浏览器继承默认样式( font-style: italic )。如果希望重写浏览器样式，则需要在 UI 样式表中的 em 选择器上定义属性。

在默认的 UI 中，em 元素的样式是当前字体( Roboto )的斜体变体。例如：

An italic word, or an italic phrase of text.

等宽文本(<code>)

内联等宽文本 的显示方式取决于 UI 加载的固定宽度字体以及应用于 <code> HTML 标签的 CSS 样式。

A monospace <code>word</code>, or a monospace <code>phrase of text</code>.

由于 <code> 是一个语义 HTML 元素，它会自动从浏览器继承默认样式( font-family: monospace )。如果希望覆盖浏览器样式，则需要在 UI 样式表中的 code 选择器上定义属性。

在默认 UI 中，code 元素使用样式表( Roboto Mono )加载的固定宽度字体进行样式化。例如：

A monospace word, or a monospace phrase of text.

高亮文本(<mark>)

如何 高亮显示(或标记)文本 在您的站点上显示取决于 UI 应用于 <mark> HTML标记的 CSS 样式。

Let&#8217;s add some <mark>highlight</mark> to it.

因为 <mark> 是一个语义 HTML 元素，它会自动从浏览器继承默认样式( background-color: yellow )。下面是一个例子：

Let’s add some highlight to it.

如果希望覆盖浏览器样式，则需要在 UI 的样式表中定义 mark 选择器的属性。