W3.CSS: Introduction

W3.CSS

What is W3.CSS?

W3.CSS is a small, fast, and modern CSS framework with built-in responsiveness.

Designed to be smaller and faster than other CSS frameworks.
Designed to be easier to learn, and easier to use than other CSS frameworks.
Designed to provide CSS equality for all devices: PC, laptop, tablet, and mobile.
Designed to use standard CSS only (No need for jQuery or JavaScript).
Designed to speed up mobile HTML apps.
W3.CSS is free to use. No license is necessary.

Demo

Example

<div class="w3-container w3-teal">
<h1>My Header</h1>
</div>

<img src="img_car.png" alt="Car" style="width:100%">

<div class="w3-container">
<p>A car is a wheeled, self-powered motor vehicle used for transportation.</p>
</div>

<div class="w3-container w3-teal">
<p>My Footer</p>
</div>

Try It Yourself »

Colors

W3.CSS uses color classes.

The color classes are inspired by colors used in marketing, road signs, and sticky notes.

w3-red

w3-pink

w3-purple

w3-deep-purple

w3-indigo

w3-blue

w3-light-blue

w3-cyan

w3-aqua

w3-teal

w3-green

w3-light-green

w3-lime

w3-sand

w3-khaki

w3-yellow

w3-amber

w3-orange

w3-deep-orange

w3-blue-grey

w3-brown

w3-light-grey

w3-grey

w3-dark-grey

w3-black

w3-pale-red

w3-pale-yellow

w3-pale-green

w3-pale-blue