W3.CSS Tutorial

W3.CSS Tutorial

W3.CSS is a Cascading Style Sheet (CSS) developed by w3schools.com. It helps in creating faster, beautiful, and responsive websites. It is inspired from Google Material Design.


This tutorial is meant for professionals who would like to learn the basics of W3.CSS and how to use it to create faster, beautiful, and responsive websites. This tutorial explains all the fundamental concepts of W3.CSS.


Before proceeding with this tutorial, you should have a basic understanding of HTML, CSS, JavaScript, Document Object Model (DOM), and any text editor. In addition, it will help if you know how web-based applications work.

Execute W3.CSS Online

For most of the examples given in this tutorial, you will find a Try-it option. Use this option to execute your W3.CSS programs on the spot and enjoy your learning.

Try the following example using the Try-it option available at the top right corner of the following sample code box -

      <title>The W3.CSS Example</title>
	  <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="https://www.w3schools.com/lib/w3.css">

  <header class="w3-container w3-teal">
     <h1>Hello World!</h1>