基础 CSS 标注

Foundation CSS 是由 ZURB 基金会于 2011 年 9 月构建的开源和响应式前端框架，可以轻松设计漂亮的响应式网站、应用程序和电子邮件，使其看起来很棒并且可以在任何设备上访问。它被许多公司使用，例如 Facebook、eBay、Mozilla、Adobe，甚至迪士尼。该框架建立在类似 Saas 的引导程序上。它更加复杂、灵活且易于定制。它还带有 CLI，因此很容易与模块捆绑器一起使用。它提供了 Fastclick.js 工具，用于在移动设备上更快地呈现。

标注将 Foundation 5 中的面板和警报组合到一个通用容器组件中。在标注中，内容呈现为所有其他内容的弹出窗口，并且通常包含文本数据。 Foundation CSS 使用

元素中的标注类来创建标注。

句法：

contents...

示例 1：此示例演示了使用 Foundation CSS 制作的基本标注。

HTML

  

    Foundation CSS Callout
  
    
    
  
    
    

  

    
        
            GeeksforGeeks
        
        Foundation CSS Callout
    
    
        This is a basic callout.
        This is made using the Foundation CSS.........
         

输出：

示例 2：此示例使用 Foundation CSS 演示带有标题、描述、图像和链接的标注。

HTML

  

    Foundation CSS Callout
  
    
    
  
    
    

  

    
        
            GeeksforGeeks
        
        Foundation CSS Callout
    
    
        Topic 
          
        
            Description Text should be put here.
            And this could be any number of lines.
        
  
        
        Click here to got to Geeksforgeeks.
        
         

输出：

参考链接： https://get.foundation/sites/docs/callout.html