Blaze UI 排版块引用

Blaze UI是一个免费的开源 UI 工具包，它为快速构建网站提供了一个很好的结构，具有可扩展和可维护的基础。 Blaze UI 中的所有组件都是移动优先开发的，并且仅依赖于原生浏览器功能，而不是单独的库或框架。它帮助我们以一致的风格快速高效地创建可扩展且响应迅速的网站。

Blaze UI 捆绑了一个很棒的排版模块，涵盖了不同的文本可视化。 Blaze UI 中有多种类型的排版类，例如超链接、渐变文本、突出显示的文本、块引用等等。在本文中，我们将讨论 Blaze UI 中的 Blockquote 排版类。

块引文是书面文档中的引文，它从正文中引出，例如段落或文本块以及引用它的人的姓名。要在 Blaze UI 中创建块引用，我们在

元素上使用u-blockquote类。要在

元素中添加文本，我们在

元素上使用u-blockquote__body类，对于引用者的名称，我们在

元素上使用u-blockquote__footer类。

Blockquote Typography 使用的类：

• .u-blockquote：这会将基本的

  转换为 Blaze UI 块引用。

• u-blockquote__body：用于设置块引用的文本段落块的样式。
• u-blockquote__footer：用于在块引用上设置引用名称的样式。

句法：

  

    ...
  
  
...

示例 1：此示例使用u-blockquote和u-blockquote__body类演示了 Blaze UI 中没有引用名称的基本块引用。

HTML

    
      
    
    
    

  

    
        
GeeksforGeeks
        Blaze UI Blockquote Typography
        

        

            

              Geeksforgeeks is the biggest computer 
              science portal in the whole world.
            
        
    

输出：

输出

示例 2：此示例演示u-blockquote 、 u-blockquote__body和u-blockquote__footer类。

HTML

    
      
    
    
    

  

    
        
GeeksforGeeks
        Blaze UI Blockquote Typography
        

        

            

              Geeksforgeeks is the biggest computer 
              science portal in the whole world.
            
            
-Priyank 
        
    

  

输出：

输出

参考： https://www.blazeui.com/components/typography