W3.CSS Downloads
Download W3.CSS
Download W3.CSS or link directly to the W3.CSS style sheet from your web pages.
Version 5
Version 4 (Older Version)
W3.CSS is free to use. No license is necessary.
How To Use W3.CSS
The easiest way to use W3.CSS is to link directly to the W3.CSS style sheet:
Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Web Page</title>
<link rel="stylesheet" href="https:/edu/w3css/5/w3.css">
</head>
<body>
<!-- Page content -->
</body>
</html>
Try It Yourself »
Use a Local Copy
You can also download w3.css and store it with your own website.
If w3.css is in the same folder as your HTML file:
Example
<link rel="stylesheet" href="w3.css">
If w3.css is in a subfolder:
Example
<link rel="stylesheet" href="css/w3.css">
If w3.css is stored at the root of your website:
Example
<link rel="stylesheet" href="/w3.css">
Changelog
The changelog lists important changes to W3.CSS.
| Version | Date | Description |
|---|---|---|
| 5.01 | 03/2025 |
Added w3-gridAdded w3-flexAdded w3-text-centerAdded w3-text-boldAdded w3-text-italicAdded new colors: w3-paper, w3-asphalt, w3-crimson, w3-cobalt, w3-emerald, w3-olive, w3-taupe, w3-siennaAdded semantic color classes: w3-success, w3-warning, w3-info, w3-danger, w3-note
|
| 4.15 | 12/2020 | Added w3-sans-serif, w3-cursive, and w3-monospace to supplement w3-serif. |
| 4.14 | 11/2020 | Added w3-padding-top-64, w3-padding-top-48, w3-padding-top-32, and w3-padding-top-24. |
| 4.13 | 06/2019 | Adapted to minor changes in Normalize.css. |
| 4.12 | 11/2018 | Added w3-stretch. |
| 4.11 | 10/2018 | Added w3-auto. Changed margin:auto to margin-left:auto and margin-right:auto in w3-content. |
| 4.10 | 02/2018 | Added outline:0 to w3-bar-item in w3-bar and w3-bar-block. |
| 4.09 | 12/2017 | Removed outline:0 from buttons. |
| 4.08 | 10/2017 | Added z-index:1 to w3-dropdown-content. |
| 4.07 | 08/2017 | Added vertical-align:middle to images. |
| 4.06 | 08/2017 | Added version 3 color classes to borders, hoverable borders, and hoverable text. |
| 4.05 | 06/2017 | Added display:block to w3-responsive. |
| 4.04 | 04/2017 | Added float:none to w3-bar-item inside w3-bar-block. |
| 4.03 | 03/2017 | Corrected a minor bug in w3-col m3. |
| 4.02 | 03/2017 | Added version 3 text colors. |
| 4.01 | 03/2017 | Lightened the gray/grey color and fixed some border color errors. |
| 4.0 | 02/2017 | Major version release. |
| 3.0 | 01/2017 | Major version release. |
| 2.0 | 02/2016 | Major version release. |
| 1.0 | 05/2015 | First version of W3.CSS. |
Customize W3.CSS
W3.CSS provides default styles for common HTML elements, including fonts, headings, and spacing.
You can customize these defaults by adding your own CSS after W3.CSS.
See the W3.CSS Defaults chapter for examples of changing the default styles.
Browser Consistency
W3.CSS includes styles that reduce differences between browser defaults.
This helps HTML elements display more consistently across modern browsers.
