Summary W3CSS

W3.CSS
W3.CSS is a modern, responsive, mobile first CSS framework.

W3.CSS provides equality for all browsers: Chrome. Firefox. Edge. IE. Safari. Op

W3.CSS provides equality for all devices: Desktop. Laptop. Tablet. Mobile.

W3.CSS is standard CSS only (No jQuery or JavaScript library).

, How to link add

<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.cs


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

, BackgroundColor
<div class="w3-indigo">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom.</p>
</div>



w3-red w3-light-blue w3-khaki w3-pale-gre

w3-pink w3-cyan w3-Amber w3-black

w3-aqua W3-deep-orange
w3-purple
w3-teal W3-Brown
w3-deep-purple
w3-green W3-Gray
w3-indigo
w3-light-green W3-orange
w3-blue
w3-sand w3-blue-grey

, Container Class
w3-container class adds a 16px left and right padding to any HTML elem

w3-container class is the perfect class to use for all HTML container elem

<div>, <article>, <section>, <header>, <footer>, <form>, and more.


Containers Provides Equality

The w3-container class is important for providing equality:

 Common margins
 Common paddings
 Common vertical alignments
 Common horizontal alignments
 Common fonts
 Common colors