基礎庫
基礎 - Motion UI

基礎 - 排版輔助工具

本章我們將學習排版輔助工具。排版輔助工具用於以語義相關的方式格式化文字。Foundation 中的輔助類可讓您更快地構建一些排版樣式。

下表列出了Foundation中使用的排版輔助工具。

序號	排版輔助工具及說明
1	文字對齊它有助於更改元素的文字對齊方式，例如左對齊、右對齊、居中對齊和兩端對齊。
2	副標題可以使用.subheader類將副標題新增到任何標題元素。
3	導語段落它比普通文字大得多，可用於廣告或其他描述性文字。
4	無序列表在Foundation中，<ul>預設情況下是有序列表。要刪除專案符號，可以使用.no-bullet類。
5	統計資料處理儀表盤時，需要突出顯示一些重要的數字。可以使用.stat類實現此目的。

Sass 參考

變數

下表列出了專案設定檔案中的SASS變數，這些變數使元件的預設樣式能夠自定義。

序號	名稱及說明	型別	預設值
1	$lead-font-size 導語段落的預設字型大小。	數字	$global-font-size * 1.25
2	$lead-lineheight 導語段落的預設行高。	字串	1.6
3	$subheader-lineheight 副標題的預設行高。	數字	1.4
4	$subheader-color 副標題的預設字型顏色。	顏色	$dark-gray
5	$subheader-font-weight 副標題的預設字型粗細。	字串	$global-weight-normal
6	$subheader-margin-top 副標題的預設上邊距。	數字	0.2rem
7	$subheader-margin-bottom 副標題的預設下邊距。	數字	0.5rem
8	$stat-font-size 靜態數字的預設字型大小	數字	2.5rem

列印頁面

廣告