📜  基础 CSS 基础版式打印样式

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

基础 CSS 基础版式打印样式

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

Foundation CSS Base Typography 用于添加默认样式以使元素更具吸引力。基本排版通过提供简单而有吸引力的元素和类来构建有吸引力的网页,使生活变得更轻松。

Foundation CSS Base Typography Print Styles 由 HTML5 开发,提供一些基本的特定于打印的样式。如果您打印 Foundation 开发的网页,那么该页面将——

  • 移除页面的背景、框阴影和文本阴影。
  •  元素添加边框。
  • 网页的页面清理和窗口最小化。
  • 在页面的锚文本之后附加链接 URL。

基础 CSS 基础版式打印样式类:

  • show-for-print:该类用于在打印时显示内容。
  • hide-for-print:此类用于在打印时隐藏内容。

句法:

Content...
Content...

示例 1:在此示例中,我们将描述 Foundation CSS Base Typography Print Style 的使用。

HTML


  

    
        Foundation CSS Base Typography Print Styles
    
  
    
    
  
    
    
    

  

    

        GeeksforGeeks     

       

        Foundation CSS Base Typography Print Styles     

       

        GeeksforGeeks: A computer science portal     

       

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

     


HTML


  

    
        Foundation CSS Base Typography Print Styles
    
  
    
    
  
    
    
    

  

    

        GeeksforGeeks     

       

        Foundation CSS Base Typography Print Styles     

       
        

GeeksforGeeks

        

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

           
            

HTML

            

                HTML stands for HyperText Markup                 Language. It is used to design web                 pages using a markup language. It                 is the combination of Hypertext                 and Markup language.             

        
           
            
JavaScript
            

                JavaScript is the world most popular                 lightweight, interpreted compiled                 programming language. It is also                 known as scripting language for web                 pages.             

        
    
  


输出:

示例 2:在此示例中,我们将描述 Foundation CSS Base Typography Print Style 的使用。

HTML



  

    
        Foundation CSS Base Typography Print Styles
    
  
    
    
  
    
    
    

  

    

        GeeksforGeeks     

       

        Foundation CSS Base Typography Print Styles     

       
        

GeeksforGeeks

        

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

           
            

HTML

            

                HTML stands for HyperText Markup                 Language. It is used to design web                 pages using a markup language. It                 is the combination of Hypertext                 and Markup language.             

        
           
            
JavaScript
            

                JavaScript is the world most popular                 lightweight, interpreted compiled                 programming language. It is also                 known as scripting language for web                 pages.             

        
    
  

输出:

参考: https://get.foundation/sites/docs/typography-base.html#print-styles