📜  基础 CSS 介绍

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

基础 CSS 介绍

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

特征:

  • 包括 XY 网格: Foundation 中的默认网格系统允许开发人员根据水平和垂直位置控制布局。
  • 平滑滚动注释:此功能包含内置 JavaScript 代码,以便将“平滑滚动”属性添加到网页内的特定链接或任何链接。
  • 更简单的原型制作:它促进了有助于加快原型制作过程的内置功能。

句法:

Hello Geeks

安装Foundation:我们可以使用以下任何一种方法来使用Foundation:

方法一:访问基金会官方文档https://get.foundation/,点击下载全部按钮,离线使用基金会。

方法 2:在 head 标签内使用以下 CDN 链接。

现在让我们通过一个例子来了解基础的工作。

示例:此示例说明了使用 CSS Foundation 的类来制作博客网页。

HTML


  

    
    
  
    

  

  
    
    
        
                     
    
            
        
            

GeeksforGeeks Blogs

        
    
       
        
            
                

Java blog 3/6/2021

                   

                    Java syntax is similar to C/C++. But                     Java does not provide low level                     programming functionalities like                     pointers. Java is one of the most                     popular and widely used programming                     language and platform. A platform                     is an environment that helps to                     develop and run programs written                     in any programming language.                 

                   
                                     
                   
                    

Python blog 18/8/2021

                       

                        Python is a high-level, general-purpose                         and a very popular programming language.                         Python programming language (latest Python                         3) is being used in web development,                         Machine Learning applications, along with                         all cutting edge technology in Software                         Industry.                     

                       
                                             
                
            
        
                                             
  


输出:

优点:

  • 它是开源的,并有良好的社区支持。
  • 它易于使用,但您必须对 HTML 和 CSS 有基本的了解。
  • 它提供了各种模板,您可以使用这些模板以更少的努力来制作您的网站。

缺点:

  • 初学者可能需要一些时间来学习。
  • 与其他可用框架相比,它提供的主题非常少。