Web Site Development using W3.CSS Framework

M2-R5.1 · Chapter 5: CSS Framework · 2 min read

Website Development using W3.CSS Framework

W3.CSS Introduction - 

W3.CSS is a modern CSS framework for developing websites and web apps. developed by W3Schools.

W3.CSS is free, open source, and uses standard CSS only (no JavaScript).

It's similar to Bootstrap when it comes to build responsive, mobile-friendly websites, but it is lighter, simpler, and faster, and does not rely on JavaScript or external libraries like jQuery.

It is designed to be:

  • Faster to learn (no complex setup)
  • Lightweight (only 36KB)
  • Fully responsive by default
  • Supports all modern browsers
  • Mobile-first design
  • Can be used with any library (Bootstrap, React, Angular)

How To Use W3.CSS?

There two methods to use W3.css 

     1. CDN Method

            Just add a link to w3.css from your web pages:

           <link rel="stylesheet" href="https://www.w3schools.com/w3css/5/w3.css">  

     2. Local Installation

       Go to this link - 

        https://www.w3schools.com/w3css/5/w3.css

         Save the file on you folder - 

add this css file into your html by using <link> tag as like you use external css.

                 <link rel="stylesheet" href="w3.css">