如何使用Pure.CSS

有两种使用Pure.CSS的方法：

• 本地安装
• 使用基于CDN的版本

本地安装

您可以从以下位置下载系统上最新版本的pure.css文件：https://purecss.io/start/并将其包含在HTML代码中。

例

让我们看看如何在HTML文件中包含CSS文件。

   
      
      
      
      
      
      
   
  
  
  
      

         

            
First Column
            
Second Column
            
Third Column
         
      
   
 

输出：

使用基于CDN的版本

您可以从Content Delivery Network(CDN)将pure.css文件直接添加到HTML页面。 yui.yahooapis.com提供了最新版本的内容。

要么

您可以通过免费的unpkg CDN将Pure添加到您的页面。只需在项目的样式表之前，将以下元素添加到页面的中即可。

在以下示例中，让我们使用该库的yui.yahooapis.com CDN版本。用第二种方式重写上面的示例。

例

   
      
      
      
      
      
   
  
   
      

         

            
First Column
            
Second Column
            
Third Column
         
      
   

输出：

它将显示如下结果：

您可以看到这是相同的示例，但是使用了另一种方法。