部分

使用 Paragraph 元素新增內嵌文字、設定內嵌文字的樣式和格式。

當您希望在任務中包含擴充文字區塊時,您可以選擇使用“Section”元素或“ 富文本元素。在這裡,我們將討論有關節的所有要點。

在本次教學中:
  1. 合併部分
  2. 設計部分
  3. 修改部分之間的間距
  4. 設定內嵌文字的格式和自訂

包括部分

部分圖示縮圖

您可以從 元素面板 (快速鍵:A)。通常,Section 元素包含佔位符文字區塊。您可以透過鍵入或貼上內容來雙擊、選取和取代其中的文字。您也可以透過選擇元素並按 Enter 鍵來存取文字編輯模式。

填充 lorem ipsum 文字的部分元素。

包括多個部分

您可能需要將多個部分插入到頁面上的某個部分。雖然你可以透過點擊來實現 進入 在一個節元素內的節之間,首選做法是為每個節使用不同的節元素。這使您可以更好地控制間距。隨著 富文本元素,您可以透過按 Enter 鍵輕鬆插入多個部分。

設計部分

設計截面的方法有很多種。您可以建立一個不同的類別並將該類別重用於類似樣式的部分。您可以同時設定所有部分元素的樣式,然後就到此為止。或者,您可能希望在正文上定義樣式並啟用各部分繼承這些樣式。  

與班級一起設計

您可以透過選擇部分並在樣式面板中實施樣式修改來設計部分元素。這些變更將保存在類別名稱下。您也可以將此類實現到其他部分:

  1. 選擇 部分 你想要設計
  2. 點擊進入 選擇器字段
  3. 輸入相同的類別名
  4. 進入
  5. 設計截面
選擇器欄位展示了一個名為 Biggersection 的活動類

設計所有部分標籤

初始化項目最合適的方法是設定「所有部分」標籤的樣式,其中包含項目中所有部分的預設設計:

  1. 選擇一個部分
  2. 點擊進入 選擇器字段
  3. 選擇 所有部分
  4. 個性化您的風格
點擊選擇器字段,將顯示一個下拉式選單,其中包含「新類別」、「HTML 標記」和「現有類別」部分。

在 Body 標籤上設計文本

儘管如此,您可能希望為所有文字元素(包括部分)指定排版樣式,例如字體系列和字體大小。要定義整個專案的預設版式樣式,您需要調整正文(所有頁面)標籤:

  1. 選擇 身體 元素
  2. 點擊進入 選擇器字段
  3. 選擇 正文(所有頁面)
  4. 個人化 版式風格
第一步,從導覽器中選擇左側的 body 元素。右側第二步,在選擇器欄位下拉式選單中的 HTML 標記部分下選擇 Body(所有頁面)類別。這兩個元素被突出顯示。

修改部分之間的間距

一旦有了不同的部分元素,您就可以使用 margin 屬性調整這些元素之間的間距:

  1. 選擇一個 部分
  2. 點擊進入 選擇器字段
  3. 選擇 所有部分
  4. 合併底部邊距
第一步,在左側選擇 HTML 標籤下的所有部分類別。右側第二步,將下邊距新增至樣式面板的「間距」部分中的部分。

當您只需要調整幾個部分的間距時,您可以使用 班級。現在,對該類別所做的任何設計變更都將套用於具有相同類別的部分。

內嵌文字的格式和設計

有時,您可能希望在節元素內設計部分文字。例如,您可能希望將單字設為斜體或添加短語的鏈接,甚至在句子下劃線。您可以使用雙擊節元素時出現的文字格式欄來實現此目的。

單字 iterdum 在該部分文字中突出顯示。文字格式列懸停在單字上方,其中包含 5 個文字格式選項:粗體、斜體、插入連結、跨度換行和清除格式。

了解有關內聯文字格式的更多資訊。

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