热门搜索词:

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博客