基础 CSS 标注基础知识

Foundation CSS是由 ZURB 于 2011 年 9 月创建的开源和响应式前端框架，可以轻松创建可在任何设备上运行的令人惊叹的响应式网站、应用程序和电子邮件。许多公司，如 Facebook、eBay、Mozilla、Adobe，甚至迪士尼，都在使用它。该框架基于bootstrap，类似于SaaS。它更加复杂、通用且可配置。它还带有一个命令行界面，使其易于与模块捆绑器一起使用。电子邮件框架为您提供响应式 HTML 电子邮件，可以在任何设备上阅读。 Foundation for Apps 允许您构建完全响应的 Web 应用程序。

标注用于创建面板以存储一些内容。标注是一个元素，我们可以在其中放置任何类型的内容，如文本、图像、视频等。我们可以使用标注类创建标注。在本文中，我们将讨论如何创建基本标注。

基础 CSS 标注基础类：

• callout ：用于创建标注以放置任何类型的内容。

句法：

  ........

示例 1：以下代码演示了带有一些内容和链接的标注基础知识。

HTML

  

  
  

  
    
  
    

      GeeksforGeeks
    
  
    

        Foundation CSS Callout Basics
    
  
  
  

    

        This is Basic callout.
    
  
    
        GeeksforGeeks
    
  
    

      A Computer Science portal for geeks.
      It contains well written, well thought 
      and well explained computer science 
      and programming articles
    
      
    
      https://www.geeksforgeeks.org/
    
  

  

输出：

示例 2：以下代码演示了带有一些内容、按钮和图像的标注基础知识。

HTML

  

  
    

  
    
    
        

            GeeksforGeeks
        
  
        

            Foundation CSS Callout Basics
        
    
  
    

        

            This is Basic callout.
        
  
        
            GeeksforGeeks
        
  
          

            A Computer Science portal for geeks. 
            It contains well written, well thought 
              and well explained computer science 
              and programming articles
        
  
        
            Button 1
          
    
  
    

        
This is Basic callout.
        GeeksforGeeks Image

          
        
  
        
    

  

输出：

参考： https://get.foundation/sites/docs/callout.html#basics