使用樣式標籤
在「樣式」標籤中，您可以修改兩種類型的樣式主題設定：「全域」與「元素」。依預設，樣式設定是從「全域」到「元素」的階層顯示。
「樣式」標籤由三個元件組成：
1. 全域樣式設定
2. 元素樣式設定
3. 樣式預覽
樣式
全域樣式設定
下表列出了項目的全域内容。
|
設定
|
描述
|
||
|---|---|---|---|
|
顏色
|
下列元素的顏色：
• 「核心顏色」- 項目的核心顏色值。包括「主要」、「次要」、「成功」與「危險」
• 「文字顏色」- 頁首、標籤和本文文字
• 「背景顏色」- 頁面與小器具的背景顏色
• 「線條顏色」- 邊框、分隔線與內部線條
|
||
|
文字
|
下列文字元素的字型、粗細與大小：
• 「標題」
• 標籤
• 「本文」
• 連結
|
||
|
線條
|
下列類型線條的粗細：
• 「邊框」- 小器具邊周圍的線條
• 「分隔線」- 分隔小器具中各個部份的線條
• 「內部」- 出現在某些小器具內的線條
|
||
|
「焦點」
|
焦點框線的色彩、類型與粗細。
|
元素樣式設定
可讓您自訂特定小器具元素的外觀。您可以修改重疊顯示至小器具的特定元素來取代全域樣式内容。「覆寫在使用中」圖示指示覆寫全域設定的元素。欲還原已修改元素的全域設定，請按一下「還原」。您可以修改以下元素：
|
元素
|
描述
|
||
|---|---|---|---|
|
按鈕
|
下列類型按鈕的背景、邊框、文字、大小及填補：
• 主要按鈕
• 次要按鈕
• 第三按鈕
• 危險按鈕
• 透明按鈕
您可以修改使用中、暫留、按下及禁用的按鈕狀態。
|
||
|
格點與清單
|
下列類型小器具的背景、邊框、文字、大小及填補：
• 「格點」
• 「清單與下拉清單 (樣式)」
• 「清單 (大小和填補)」
• 「下拉清單 (大小和填補)」
|
||
|
輸入元素
|
下列類型小器具的樣式設定，例如背景、邊框、文字、大小及填補：
• 「文字欄位與文字區域」
• 「核取方塊」- 選取及取消選取的狀態
• 「單選按鈕」- 選取及取消選取的狀態
|
||
|
「版面配置」
|
樣式設定，例如混搭中版面配置容器的背景與邊界。
|
||
|
導覽
|
下列類型小器具的樣式設定，例如背景、邊框與文字：
• 「選單」- 選單元素的背景、邊框、分隔線與文字
• 「主要連結」- 混搭中主要連結的使用中、暫留、已禁用與已造訪狀態
• 「次要連結」- 混搭中次要連結的使用中、已按下、已禁用、已造訪與暫留狀態
|
||
|
「資訊」
|
樣式設定，例如小器具工具提示的預設大小、背景、邊界與文字。
|
||
|
「圖表」
|
用來為圖表中的每個資料序列設定樣式的顏色。這些樣式會影響圖表元素，例如線、反白區域、柱狀與柱形，這取決於圖表類型及其組態。
|
||
|
工具列
|
混搭中工具列的背景與邊框顏色。您也可以設定「工具列 (預覽)」小器具頂部、底部、左側和右側的邊框線條寬度。
|
樣式預覽
「樣式」標籤會顯示自動更新的混搭預覽。您可以選取任何混搭來預覽樣式設定變更如何影響混搭的外觀。依預設，預覽會在名為 Theme Preview 的混搭實體中顯示樣式。預覽混搭包括一組可套用主題的小器具與元素。
欲變更預覽混搭，請執行下列步驟。
1. 在「選取預覽混搭」下，按一下 
來移除目前混搭。
來移除目前混搭。2. 按一下 
。可用混搭實體的清單即會開啟。
。可用混搭實體的清單即會開啟。3. 從清單中選取混搭。
 | 您也可以使用「樣式」標籤來預覽樣式主題的 CSS 規則。 |