HTML tutorial
CSS3 tutorial
Bootstrap tutorial
JavaScript tutorial
JQuery tutorial
AngularJS tutorial
React tutorial
NodeJS tutorial
PHP tutorial
Python tutorial
Python3 tutorial
Django tutorial
Linux tutorial
Docker tutorial
Ruby tutorial
Java tutorial
C tutorial
C ++ tutorial
Perl tutorial
JSP tutorial
Lua tutorial
Scala tutorial
Go tutorial
ASP.NET tutorial
C # tutorial
Download W3.CSS from this link:https://www.W3C/w3css/4/w3.css
Download W3.CSS from this link: /w3css/w3css_downloads
W3.CSS is free to use. No license is necessary.
To use W3.CSS, just add a link to "w3.css" in your web pages:
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3css/4/w3.css">
Or download w3.css and run it from your own web site:
<!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:
<!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:
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css">
Download version 4.13 from this link:
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 repository is: https://github.com/JaniRefsnes/w3css
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.
pointer-events | Invalid property in CSS3, but suggested for CSS4. Used in W3.CSS to remove 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 animations work in webkit browsers (older versions of Chrome, Safari, and Opera). |
W3.CSS includes basic fonts and font sizes.
You can customize W3.CSS by changing these settings:
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;
}
Normalizing a style sheet is done to:
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.