📜  Pure.CSS-环境设置

📅  最后修改于: 2020-10-21 05:52:11             🧑  作者: Mango


有两种使用Pure的方法-

  • 本地安装-您可以在本地计算机上下载pure.css文件,并将其包含在HTML代码中。

  • 基于CDN的版本-您可以直接从Content Delivery Network(CDN)将pure.css文件包含到HTML代码中。

本地安装

  • 转到https://purecss.io/start/下载可用的最新版本。

  • 将下载的pure-min.css文件放在您网站的目录中,例如/ css。

您可以在HTML文件中包括css文件,如下所示-

The PURE.CSS Example
      
      
      
      
      
   
  
  
  
      

First Column

Second Column

Third Column

它将产生以下结果-

基于CDN的版本

您可以直接从Content Delivery Network(CDN)将pure.css文件包含到HTML代码中。 yui.yahooapis.com提供了最新版本的内容。

在本教程中,我们一直使用yui.yahooapis.com CDN版本的库。

现在,让我们使用来自PureCSS.io CDN的pure.css重写以上示例。

The PURE.CSS Example
      
      
      
      
   
  
   
      

First Column

Second Column

Third Column

它将产生以下结果-