W3.CSS Downloads
Download W3.CSS
Download W3.CSS from this link: https://www.w3schools.com/w3css/4/w3.css
W3.CSS is Free
W3.CSS is free to use. No license is necessary.
How To use W3.CSS
To use W3.CSS, just add a link to "w3.css" in your web pages:
Example
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
Try It Yourself »
Or download w3.css and run it from your own website:
Example
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="w3.css">
If you put w3.css in a subfolder, add the folder name between slashes:
Example
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/foldername/w3.css">
If you place w3.css at the root of your web, add a slash:
Example
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/w3.css">
Changelog
Download version 4.13 from this link: https://www.w3schools.com/w3css/4/w3.css
| Ver | Date | Description |
|---|---|---|
| 4.15 | 12/2020 | Supplemented w3-serif with w3-sans-serif w3-cursive w3-monospace |
| 4.14 | 11/2020 | Supplemented w3-padding with w3-padding-top-64 w3-padding-top-48 w3-padding-top-32 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 color gray/grey Fixed some border color errors |
| 4.0 | 02/2017 | |
| 3.0 | 01/2017 | |
| 2.0 | 02/2016 | |
| 1.0 | 05/2015 |
GitHub Repositiory
GitHub repository is: https://github.com/JaniRefsnes/w3css
Validating W3.CSS
Validating W3.CSS might return some errors.
You will often get some errors when you run W3C validations.
There will always be some browser-specific values outside the current W3C specification.
| Property | Description |
|---|---|
| pointer-events | Invalid property in CSS3, but suggested for CSS4. Used in W3.CSS to remove a hand pointer from disabled elements. |
| user-select | Invalid property in CSS3, but suggested for CSS4. Used in W3.CSS to remove text selection from clickable elements. |
| pseudo-class :valid | Invalid value in CSS3, but suggested for CSS4. Used in W3.CSS to indicate valid input. |
| @-webkit-keyframes | Added to W3.CSS to make animation work in webkit browsers (older versions of Chrome, Safari, and Opera). |
Customize W3.CSS
W3.CSS includes basic fonts and font sizes.
You can customize W3.CSS by changing these settings:
Example
html {
font-family: Verdana, sans-serif;
font-size: 15px;
line-height: 1.5;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana, sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1 {font-size: 36px}
h2 {font-size: 30px}
h3 {font-size: 24px}
h4 {font-size: 20px}
h5 {font-size: 18px}
h6 {font-size: 16px}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
Try It Yourself »
W3.CSS is Normalized
Normalizing a style sheet is done to:
- Correct browser bugs
- Remove browser inconsistencies
- Assure common browser defaults
- Normalize the styles of all HTML elements
- Add CSS improvements
An extract from Normalize.css is used in W3.CSS.
This makes W3.CSS display HTML consistently in all browsers, and in line with modern web standards.
