纯 CSS 安装和使用

纯 CSS是 CSS 的一个框架。它是一个免费的开源工具集，用于创建响应式网站和 Web 应用程序。 Pure CSS 由 Yahoo 开发，用于创建更快、更美观且响应迅速的网站。它可以用作 Bootstrap 的替代品。

安装纯 CSS：我们可以通过两种方式将纯 CSS 添加到我们的网页中。

1. 使用 NPM 安装
2. 使用 CDN 链接

使用 NPM 安装：您可以通过 npm 将纯 CSS 添加到您的项目中。这是我们推荐的将 Pure CSS 集成到项目的构建过程和工具链中的方法。

npm install purecss --save

使用 CDN 链接：您可以通过免费的 unpkg CDN 链接将纯 CSS 添加到您的页面。只需将以下 元素添加到页面的 中，在项目样式表之前。

下面的例子将展示 Pure CSS 的使用：

示例 1：在此示例中，我们将使用 纯 CSS CDN 链接设计的基本形式。

HTML

  

  
    
    
  
    
    

  

    
GeeksforGeeks
    Pure CSS Example Code
  
    
    

        

            
Login to use GeeksforGeeks IDE
            
            
            


  
            
                
                Remember me
            
              
            
                Log in
            
        
    

  

输出：

示例 2：在此示例中，我们将使用纯 CSS 显示 CSS 网格。

HTML

  

  
    
    
  
    
    

  

    
GeeksforGeeks
    Pure CSS Example Code
  
    
    

        

            
        
        

            
        
        

            
        
    

  

输出：