W3.CSS Tutorial
Learn W3.CSS
W3.CSS is a CSS framework for developing websites and web apps.
It provides equality for all browsers on all devices.
W3.CSS is free, open source, and uses standard CSS only.
Become W3.CSS Certified
Get certified with our W3.CSS exam, includes a professionally curated study kit to guide you from beginner to exam-ready.
Build Modern Websites with W3.CSS
W3.CSS is a modern CSS framework for building responsive websites.
It is small, fast, easy to learn, and requires no JavaScript library.
Start Learning W3.CSS ❯See What You Can Build
With a few W3.CSS classes you can create cards, responsive layouts, navigation, forms, galleries, dashboards, and complete websites.
Explore Cities
Discover three great European destinations.
London
Explore one of the world's great cities.
Paris
Discover art, food, and architecture.
Rome
Experience thousands of years of history.
Example
<div class="w3-grid">
<div class="w3-card w3-padding">
<h2>London</h2>
<p>Explore one of the world's great cities.</p>
<button class="w3-button w3-black">Explore</button>
</div>
<div class="w3-card w3-padding">
<h2>Paris</h2>
<p>Discover art, food, and architecture.</p>
<button class="w3-button w3-black">Explore</button>
</div>
<div class="w3-card w3-padding">
<h2>Rome</h2>
<p>Experience thousands of years of history.</p>
<button class="w3-button w3-black">Explore</button>
</div>
</div>
Try it Yourself »
Why W3.CSS?
Easy to Learn
W3.CSS uses simple and meaningful class names.
You can create attractive results with very little code.
No JavaScript Library
W3.CSS is built with standard CSS and does not depend on jQuery or another JavaScript library.
Responsive
W3.CSS makes it easy to create layouts that work on desktops, tablets, and phones.
Modern Layout
W3.CSS supports modern CSS Flexbox and Grid layouts.
Modern CSS Made Simple
W3.CSS gives you ready-to-use classes for common web design tasks.
Cards
Create clean content boxes with shadows and spacing.
Flexbox
Arrange and align content in rows or columns.
Grid
Build responsive layouts with rows and columns.
You will learn all of these step by step in this tutorial.
Small Framework. Big Possibilities.
W3.CSS provides the tools needed to build modern websites without a large framework or extra JavaScript libraries.
You can use W3.CSS by itself or combine it with your own CSS or any other CSS.
W3.CSS is free to use.
No license is necessary.
Learn by Building
This tutorial teaches W3.CSS with practical examples.
You will learn how to build real user interfaces instead of only learning individual CSS classes.
1. Learn
Learn a simple W3.CSS feature.
2. Try
Edit the examples and see the result.
3. Build
Combine the classes to build real websites.
W3.CSS Website Templates
W3.CSS can be used to create complete responsive websites.
W3Schools provides many free W3.CSS templates that you can edit and use.
W3.CSS Crash Course
Already familiar with HTML and CSS?
Build a complete responsive website in the W3.CSS Crash Course.
Start Learning W3.CSS
W3.CSS is designed to be simple.
In the next chapter, you will see how to start using W3.CSS in your own HTML pages.
