en   美國官方網站 GOV
熱門搜尋字詞:

TAS 樣式選單 – 文字樣式

文字樣式是 HTML 的固有部分。為了確保字體大小和樣式的統一,以下樣式內建於網站的主樣式表中。為了為較長標題的內容提供靈活性,已為某些標題層級創建了附加類,以使字體大小更小,而不影響固有的視覺層次結構以及第 508 條/WCAG 合規性。


常規文字樣式範例

標題等級 1

font-weight: 500
font-size: 44px

標題等級 2

font-weight: (default 400)
font-size: 40px

標題等級 3

font-weight: 500
font-size: 30px

標題等級 4

font-weight: 500
font-size: 22px
標題等級 5
font-weight: 500
font-size: 14px
標題等級 6
font-weight: 500
font-size: 12px

段落文字

font-weight: (default 400)
font-size: 18px

強調(斜體)文本

font-weight: (default 400)
font-size: 18px

粗體(粗體)文本

font-weight: (default 400)
font-size: 18px

無序列表

  • 列表項1
  • 列表項1
  • 列表項1

有序列表

  1. 列表項1
  2. 列表項1
  3. 列表項1

 

區塊引用選項顯示在: 區塊引用模板

部落格文字樣式範例

其中每一個都與上面的標題元素相同,只是它們應用了「部落格」類別。舉個例子,第一個是 <h1 class="blog"> 而不是 <h1>.

 

標題等級 1

font-weight: 500
font-size: 30px

標題等級 2

font-weight: (default 400)
font-size: 28px

標題等級 3

font-weight: 500
font-size: 24px

標題等級 4

font-weight: 500
font-size: 20px

這是一個標頭模組

上面有一個應用了「部落格」類別的 H1。這是標題模組中的附加段落文本

白色 NTA 博客