布尔玛标题大小
在 Bulma 中,有两种类型的标题,即Title和Subtitle 。这些简单的标题用于为网页或网站增加一些深度。标题和副标题有多种尺寸可供选择,可根据我们的要求使用。
Bulma 标题/字幕大小等级:
- is-1:这个类与 HTML h1 元素的“title”或“subtitle”类一起使用。
- is-2:这个类与 HTML h2 元素的“title”或“subtitle”类一起使用。
- is-3:这个类与 HTML h3 元素的“title”或“subtitle”类一起使用。这是标题元素的默认大小。
- is-4:这个类与 HTML h4 元素的“title”或“subtitle”类一起使用。
- is-5:这个类与 HTML h5 元素的“title”或“subtitle”类一起使用。这是字幕元素的默认大小。
- is-6:这个类与 HTML h6 元素的“title”或“subtitle”类一起使用。
布尔玛的标题类型:
- 标题:当我们需要使用标题时,我们使用“标题”类。
- 字幕:当我们需要使用字幕时,我们使用“字幕”类。
句法:
Title/h1>
Subtitle
....
示例 1:以下示例将标题和副标题类演示为 h1 和 h2 标题。
HTML
Title & Subtitle
GeeksforGeeks
GeeksforGeeks
HTML
Title & Subtitle
GeeksforGeeks
GeeksforGeeks
GeeksforGeeks
GeeksforGeeks
GeeksforGeeks
GeeksforGeeks
HTML
Title & Subtitle
GeeksforGeeks
GeeksforGeeks
GeeksforGeeks
GeeksforGeeks
GeeksforGeeks
GeeksforGeeks
输出:
示例 2:以下示例演示了上述标题大小。标题是-3类是默认大小。
HTML
Title & Subtitle
GeeksforGeeks
GeeksforGeeks
GeeksforGeeks
GeeksforGeeks
GeeksforGeeks
GeeksforGeeks
输出:
示例 3:以下示例演示了上述字幕大小。字幕是-5类是默认大小。
HTML
Title & Subtitle
GeeksforGeeks
GeeksforGeeks
GeeksforGeeks
GeeksforGeeks
GeeksforGeeks
GeeksforGeeks
输出:
注意:我们不能为标题和副标题添加颜色。
参考: https://bulma.io/documentation/elements/title/#sizes