pure-css
  1. pure-css-installation
PreviousNext

Installation of Pure CSS

Pure CSS can be installed in a number of ways, including via a CDN link or by downloading the source files.

Use

To use Pure CSS, simply link to it in the head of your HTML document like so:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pure/1.0.0/pure-min.css">

Alternatively, you can download the source files from the Pure CSS website and link to them locally.

Advantage

One of the main advantages of using a CDN link is that it requires no local storage on your computer, making it easy to use on multiple projects without taking up valuable storage space. It also allows for faster loading times since the file is hosted on a server that is designed to deliver files quickly.

On the other hand, downloading the source files allows you to customize and modify the code as needed, giving you more control over the final product.

Example

Here is an example of how to link to Pure CSS via a CDN in the head of your HTML document.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>My Pure CSS Webpage</title>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pure/1.0.0/pure-min.css">
    </head>
    <body>
        <div class="pure-g">
            <div class="pure-u-1-3">
                <h1>Welcome to my webpage</h1>
            </div>
            <div class="pure-u-2-3">
                <p>Here you can find all sorts of interesting information about me and my work.</p>
                <p>Feel free to take a look around and get to know me better.</p>
                <a href="#" class="pure-button pure-button-primary">Contact Me</a>
            </div>
        </div>
    </body>
</html>
Try Playground

Summary

In summary, installing Pure CSS is a simple process that can be done either via a CDN link or by downloading the source files. Using a CDN link is a quick and easy way to get started, while downloading the source files gives you more control over the code. Whichever method you choose, Pure CSS is a great option for creating simple and stylish websites with minimal effort.

IntroductionResponsive Design
Published on: