Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

W3.CSS Downloads


Download W3.CSS

Download W3.CSS from this link: https://w3.p2hp.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://w3.p2hp.com/w3css/4/w3.css">
Try It Yourself »

Or download w3.css and run it from your own web site:

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://w3.p2hp.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 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).

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.


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.