📜  Blaze UI 排版内联和多行代码

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

Blaze UI 排版内联和多行代码

Blaze UI是一个 CSS 开源框架。它是一个轻量级的 UI 工具包,为构建定制和可扩展的应用程序提供了很好的工具。它可以与任何存在的框架一起使用。它可以适应任何生态系统。所有设计或 CSS 都是移动优先的,因此是响应式的。它项目是开源的,因此有一个大型社区维护它。

Blaze UI 排版内联和多行代码允许我们对我们在网页上编写的代码进行样式设置。当我们想在网站中提及一些标签或命名单个关键字时使用内联代码,而多行用于显示示例代码。

Blaze UI 排版内联和多行代码类:

  • u-code:这是内联代码的默认值,并为内联代码提供 CSS。
  • u-code–multiline:这对于多行代码和样式是必需的。

语法



      ...




      ...

示例 1:在以下示例中,我们有一些带有内联代码的文本。

HTML


  

    GeeksforGeeks | BlazeUI
    
  
    
  
    

  

    
      
        

GeeksforGeeks

        Blaze UI Typography Inline and Multiline code         

        Inline code         

Thecenter           tag is used in html for aligning the items in center         

        

We usestyle           attribute to style different elements in HTML.         

      
         
  


HTML


  

    GeeksforGeeks | BlazeUI
    
  
    
  
    

  

    
      
        

GeeksforGeeks

        Blaze UI Typography Inline and Multiline code         
        
        Multiline code         

The following code prints hello world in python

        print('hello world')         

The print           function can print string,list,tupple,boolean etc. in python3.         

      
    
  


输出

Blaze UI 排版内联和多行代码

示例 2:以下示例演示了在 Blaze UI 中使用多行代码。

HTML



  

    GeeksforGeeks | BlazeUI
    
  
    
  
    

  

    
      
        

GeeksforGeeks

        Blaze UI Typography Inline and Multiline code         
        
        Multiline code         

The following code prints hello world in python

        print('hello world')         

The print           function can print string,list,tupple,boolean etc. in python3.         

      
    
  

输出

Blaze UI 排版内联和多行代码

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