风格指南

样式指南包含模板中用到的重要样式和组件。

排版

模板中使用的主要文本大小样式。

标题

3XL

这是一个标题。

标题

2XL

这是一个标题。

所有 H1 标题

这是一个标题。

标题

XL

这是一个标题。

所有H2标题

这是一个标题。

标题

L

这是一个标题。

所有 H3 标题

这是一个标题。

标题

M

这是一个标题。

所有 H4 标题

这是一个标题。

标题

S

这是一个标题。

所有 H5 标题

这是一个标题。

标题

XS

这是一个标题。

所有 H6 标题

这是一个标题。

段落

L

Lorem ipsum dolor sat amet,consectetur adipiscing elit。 Suspendisse varius enim in eros elementum tristique。 Duis cursus,mi quis viverra ornare,eros dolor interdum nulla,ut commodo diam libero vitaeerat。 Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet。 Nunc ut sem vitae risus tristique posuere。

段落

Lorem ipsum dolor sat amet,consectetur adipiscing elit。 Suspendisse varius enim in eros elementum tristique。 Duis cursus,mi quis viverra ornare,eros dolor interdum nulla,ut commodo diam libero vitaeerat。 Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet。 Nunc ut sem vitae risus tristique posuere。

段落

S

Lorem ipsum dolor sat amet,consectetur adipiscing elit。 Suspendisse varius enim in eros elementum tristique。 Duis cursus,mi quis viverra ornare,eros dolor interdum nulla,ut commodo diam libero vitaeerat。 Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet。 Nunc ut sem vitae risus tristique posuere。

文本颜色为白色

Lorem ipsum dolor sat amet,consectetur adipiscing elit。 Suspendisse varius enim in eros elementum tristique。 Duis cursus,mi quis viverra ornare,eros dolor interdum nulla,ut commodo diam libero vitaeerat。 Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet。 Nunc ut sem vitae risus tristique posuere。

引用块

Lorem ipsum dolor sat amet,consectetur adipiscing elit,sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua。 Ut enim ad minim veniam。

无序列表

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet

有序列表

  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet

颜色

本网站使用的颜色。您可以将这些类添加到任何元素以更改背景颜色。

中立 100

中立 200

中性 300

中性 600

中性 950

绿色50

绿色100

绿色 200

绿色400

绿色700

白色的

模板的大部分内容采用 12 列布局系统。模块占用的列数由类名表示。可以通过组合类来调整平板电脑和移动设备的断点。

柱子

桌面 1

片剂 1

手机 1

柱子

桌面 2

平板电脑 2

手机 2

柱子

桌面3

平板电脑 3

手机 3

柱子

桌面版 4

平板电脑 4

手机4

柱子

桌面5

平板电脑 5

移动版 5

柱子

桌面版 6

平板电脑 6

移动版 6

柱子

桌面7

平板电脑 7

移动7

柱子

桌面8

平板电脑 8

移动8

柱子

桌面9

平板电脑 9

移动9

柱子

桌面版 10

平板电脑 10

移动版 10

柱子

桌面11

平板电脑 11

手机 11

柱子

桌面 12

片剂 12

手机 12

12列

上述列类使用的父容器。

12列

顶部对齐

将子项上下对齐。

12列

底部对齐

将子项彼此对齐到下方。

12列

对齐拉伸

可拉伸所有儿童用品,使其与最高的物品相匹配。

12列

左对齐

将子项左对齐到列的左侧。

12列

证明权利

将子项向右对齐到列的右侧。

12列

撤销

颠倒子项的顺序。

表格

网站所有表单的默认表单字段样式。

谢谢!您的信息已收到!
糟糕!出错了。请填写必填字段并重试。