📜  布尔玛标题大小

📅  最后修改于: 2022-05-13 01:56:31.133000             🧑  作者: Mango

布尔玛标题大小

在 Bulma 中,有两种类型的标题,即TitleSubtitle 。这些简单的标题用于为网页或网站增加一些深度。标题和副标题有多种尺寸可供选择,可根据我们的要求使用。

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