菜单

标题
标题是用来提供内容的简短摘要

下载

种类

页面标题 (Page Headers)

页面标题可以给上下文内容一个层次感

页面标题使用 rem 来调整大小,这不会受到周围内容的影响。

一级标题

二级标题

三级标题

四级标题

五级标题

内容标题 (Content Headers)

内容标题可以突显他在上下文中的重要性

内容标题使用 em 来调整大小,且这是基于它的容器的字体大小。
巨型标题
大型标题
中型标题
小型标题
超小标题

图标标题 (Icon Headers)

图标标题可以在标题中强调图标

账号设置
设置你账号以及e-mail偏好

朋友

子标题 (Sub Headers)

子标题用来标记较小的或不被强调的内容。

价格

$10.99
Molly
Coordinator
Elyse
Developer
Eve
Project Manager

内容

图片 (Image)

标题可以包含 image 来显示

Learn More

Patrick

Plug-ins
Check out our plug-in marketplace

图标 (Icon)

标题可以包含 icon 来显示

Uptime Guarantee

Account Settings
Manage your preferences

子标题 (Subheader)

标题可以包含子标题

账号设置
设置你账号以及e-mail偏好

H1
Sub Header

H2
Sub Header

H3
Sub Header

H4
Sub Header

H5
Sub Header

状态

禁用 (Disabled)

标题能显示为非激活状态

禁用的标题

变化

分隔 (Dividing)

标题可以把它与下面的内容分开

Dividing Header

区块 (Block)

标题可以显示在内容快的里面

区块标题

附属 (Attached)

标题可以附着于其他内容,就像 segment 的效果一样

顶端附属

附属

底端附属

浮动 (Floating)

标题可以在其他内容的左边或者右边

返回

向前

对齐 (Text Alignment)

标题下的文字可以对齐到某一边

即使只有一行,也会占满整个宽度

颜色 (Colored)

标题可以显示为不同的颜色

红色

橘黄

黄色

橄榄绿

纯绿

水鸭蓝

纯蓝

紫色

紫罗兰

粉色

棕色

灰色

反色 (Inverted)

标题可以与其颜色倒置对比

反色标题使用你网站配色方案修改后的样式,在深色背景的网站中,会有更好的效果。

红色

橘黄

黄色

橄榄绿

纯绿

水鸭蓝

纯蓝

紫色

紫罗兰

粉色

棕色

灰色