文字樣式

使用內聯文字格式將文字的任何部分設定為與文字其餘部分不同的樣式。

內嵌文字樣式選項可讓您以不同於其他部分的方式自訂文字的特定部分。透過選擇段落或標題中的文本,您可以套用增強功能,例如對特定文本段進行粗體、斜體、連結或樣式設定。

應用文字格式的步驟

若要設定內嵌文字的樣式,只需反白文字元素中的一部分文字即可。然後,文字格式工具列將出現在所選文字上方,提供各種選項:

  • 強的
  • 強調
  • 上標
  • 下標
  • 插入超連結
  • 嵌入跨距內
  • 重置格式

按一下文字格式工具列中所需的格式選項,以在反白的文字上實作它們。

筆記: 富文本功能包括一個獨特的內嵌文字格式工具列。

自訂內嵌文本

套用任何內嵌文字格式時,會在主文字元素內建立巢狀元素。您可以使用「樣式」面板進一步設定這些巢狀元素的樣式。

您可以靈活地將多種文字格式套用至相同選擇。例如,您可以同時將單字設定為粗體和斜體。當您調整和合併這些樣式屬性時,文字會在主文字元素中保持內聯。

設定粗體和斜體文字樣式

將文字指定為 大膽的 套用預設的粗體字體樣式。雖然您可以透過定義類別來自訂此巢狀元素,但您可以選擇設定樣式 所有粗體 標籤來設定整個網站中所有粗體文字的預設外觀。

若要設定所有粗體標籤的樣式:

  1. 選擇 加粗字體 元素
  2. 訪問 風格面板
  3. 輸入 選擇器字段
  4. 選擇 所有粗體 標籤
  5. 微調造型

將文字指定為 斜體 賦予斜體風格。同樣,您可以使用類別來設定此嵌套元素的樣式,或選擇設定 全部斜體 標籤來定義網站上所有斜體文字的預設外觀。

若要設定全斜體標籤的樣式:

  1. 選擇 斜體文本 元素
  2. 訪問 風格面板
  3. 輸入 選擇器字段
  4. 選擇 全部斜體 標籤
  5. 調整造型
很高興知道: 如果您的字體缺少粗體或斜體版本,瀏覽器會產生可能無法準確呈現的替代字體。

實作上標或下標文本

重要提示: 螢幕閱讀器不會明確宣布上標或下標字元。為了增強可用性並促進螢幕閱讀器的區分,請透過 ARIA 屬性包含螢幕閱讀器可見的描述性文字。 進一步探索 ARIA 屬性。

將文字指定為 上標 將文字提升到法線上方半個字符,以較小的字體大小進行描繪。您可以使用類別自訂此巢狀元素,或者更喜歡設計樣式 所有上標 標籤來更改網站上所有上標文字的預設外觀。

若要設定所有上標標籤的樣式:

  1. 選擇 上標 文字元素
  2. 訪問 風格面板
  3. 輸入 選擇器字段
  4. 選擇 所有上標 標籤
  5. 調整造型

將文字指定為 下標 將文字降低到法線下方半個字符,以較小的字體呈現。您可以使用類別來設定此巢狀元素的樣式,或選擇設定 所有下標 標籤來自訂網站上所有下標文字的預設外觀。

若要設定所有下標標籤的樣式:

  1. 選擇 下標 文字元素
  2. 訪問 風格面板
  3. 輸入 選擇器字段
  4. 選擇 所有下標 標籤
  5. 調整造型

插入內聯超鏈接

插入連結 將選擇內容轉換為超連結。然後,您可以從“元素設定”面板中配置此選擇的連結設定。預設情況下,連結會從「所有連結」標記繼承其樣式。了解有關樣式標籤的更多資訊。

將文字包含在 Span 中以進一步設定樣式

您可以利用內聯樣式快速套用粗體、斜體、上標或下標,而無需額外的樣式。但是,對於其他文字增強功能,例如下劃線或建立帶有背景的突出顯示效果,您可以使用 用跨距包裹 功能可將選取的文字包裝在可使用「樣式」面板屬性進行自訂的元素中。您也可以建立一個類別並將其應用於多個 span 元素。

說明性範例 - 下劃線的文本

通常,您可以修改段落中所選單字或短語的文字修飾屬性以為其添加下劃線:

  1. 雙擊要編輯的段落
  2. 選擇需要加底線的文本
  3. 選擇 用 Span 包裹 選項
  4. 驗證 文字跨度 選擇
  5. 在「樣式」面板中加入底線文字裝飾

清除格式

若要消除任何自訂格式:

  1. 雙擊文字元素
  2. 選擇格式化文字
  3. 點選 清除格式

您可以靈活地清除各個文字部分的格式,或選擇整個段落,只需單擊即可刪除所有格式。此操作會刪除內聯樣式、跨度和連結。

不間斷空格

在處理段落時,您可能會遇到最後一行保留單字的情況。透過利用不間斷空格,您可以在連接單字的同時保留空格,防止自動換行。若要插入不間斷空格,請按 轉移 + 空間 在您希望保持在一起的單字之間。

重要的: 使用手動換行符或不間斷空格時請務必小心。雖然它們可以解決較大螢幕上的文字佈局問題,但它們可能會在較小的螢幕上產生問題。

麥伊凡
Ewan Mak 的最新帖子 (看全部)