Pure.CSS Environment Setup - Pure.CSS

How to Use PURE.CSS?

There are two ways to use Pure:

  • Local Installation - We can download the pure.css file on our local machine and include it in our HTML code.
  • CDN Based Version - We can also include the pure.css file into our HTML code directly from the Content Delivery Network (CDN).

Local Installation

  • Go to http://purecss.io/start/ to download the latest version available.
  • Then, put the downloaded pure-min.css file in a directory of your website, e.g. /css.

Example:

Now we can include the css file in our HTML file as below−

It will produce the below output −

Pure.CSS Environment Setup Output

CDN Based Version

We can include pure.css file into our HTML code directly from the Content Delivery Network (CDN). yui.yahooapis.com provides content for the latest version.

We are using yui.yahooapis.com CDN version of the library throughout this tutorial.

Example:

Now let us rewrite the above example using pure.css from PureCSS.io CDN.

It will produce the below output −

Pure.CSS Environment Setup Output

All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd DMCA.com Protection Status

Pure.CSS Topics