jagan josh

Pure CSS Tutorial

Pure CSS is a CSS framework that provides a collection of free and open-source tools for building responsive websites and web applications.

It was developed by Yahoo and is used to create faster, beautiful, and responsive websites.

pure css tutorial

Some key features of Pure CSS include:

  • Platform-independent web pages: Pure CSS creates web pages that are platform-independent.
  • Responsive web pages: Pure CSS designs responsive web pages for mobile devices too.
  • Easy to learn and use: Pure CSS is designed to be simple and intuitive, so even if you are new to web development, you should be able to pick it up quickly.
  • Customizable and extensible: Although Pure CSS is minimalist, it still provides many flexibility and customization options. You can easily customize the styles and layout of your website to create the look and feel you want, and you can also extend Pure CSS by writing your custom styles and components

There are two ways to add Pure CSS to a webpage: using NPM Install or using a CDN link.

The recommended way to integrate Pure CSS into a project's build process and toolchain is through NPM Install.

To add Pure CSS to a project through NPM, you need to install node and run the following command: $ npm install purecss --save

Alternatively, you can add Pure CSS to a web page via the free unpkg CDN link by adding the following <link> element into the page <head> section, before the project's style sheets: <link rel=”stylesheet” href=”https://unpkg.com/purecss@2.0.5/build/pure-min.css” integrity=”sha384-LTIDeidl25h2dPxrB2Ekgc9c7sEC3CWGM6HeFmuDNUjX76Ert4Z4IY714dhZHPLd” crossorigin=”anonymous”>