Téléchargements W3.CSS
Télécharger W3.CSS
Téléchargez W3.CSS à partir de ce lien : https://www.w3schools.com/w3css/4/w3.css
W3.CSS est gratuit
W3.CSS est gratuit. Aucune licence n'est nécessaire.
Comment utiliser W3.CSS
Pour utiliser W3.CSS, ajoutez simplement un lien vers "w3.css" dans vos pages Web :
Exemple
<!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">
Ou téléchargez w3.css et exécutez-le depuis votre propre site Web :
Exemple
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css">
Si vous placez w3.css dans un sous-dossier, ajoutez le nom du dossier entre les barres obliques :
Exemple
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/foldername/w3.css">
Si vous placez w3.css à la racine de votre site Web, ajoutez une barre oblique :
Exemple
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css">
Journal des modifications
Téléchargez la version 4.13 à partir de ce lien : https://www.w3schools.com/w3css/4/w3.css
| Regarder | Date | La description |
|---|---|---|
| 4.15 | 12/2020 | w3-serif complété par w3-sans-serif w3-cursive w3-monospace |
| 4.14 | 11/2020 | w3-padding complété par w3-padding-top-64 w3-padding-top-48 w3-padding-top-32 w3-padding-top-24 |
| 4.13 | 06/2019 | Adapté aux changements mineurs dans Normalize.css |
| 4.12 | 11/2018 | Ajout de l'étirement w3 |
| 4.11 | 10/2018 | Ajout de w3-auto Modification de margin:auto en margin-left:auto et margin-right:auto dans w3-content |
| 4.10 | 02/2018 | Ajout de "outline:0" à w3-bar-item dans w3-bar et w3-bar-block |
| 4.09 | 12/2017 | Suppression de "contour : 0" des boutons |
| 4.08 | 10/2017 | Ajout de "z-index : 1" à w3-dropdown-content |
| 4.07 | 08/2017 | Ajout de "vertical-align:middle" aux images |
| 4.06 | 08/2017 | Ajout des classes de couleurs de la version 3 aux bordures, aux bordures survolables et au texte survolable |
| 4.05 | 06/2017 | Ajout de "display:block" à w3-responsive |
| 4.04 | 04/2017 | Ajout de "float:none" à w3-bar-item à l'intérieur de w3-bar-block |
| 4.03 | 03/2017 | Correction d'un bug mineur dans "w3-col m3" |
| 4.02 | 03/2017 | Ajout des couleurs de texte de la version 3 |
| 4.01 | 03/2017 |
Allégé la couleur gris/gris Correction de quelques erreurs de couleur de bordure |
| 4.0 | 02/2017 | |
| 3.0 | 01/2017 | |
| 2.0 | 02/2016 | |
| 1.0 | 05/2015 |
Référentiel GitHub
Le référentiel GitHub est : https://github.com/JaniRefsnes/w3css
Validation de W3.CSS
La validation de W3.CSS peut renvoyer des erreurs.
Vous obtiendrez souvent des erreurs lorsque vous exécuterez des validations W3C.
Il y aura toujours des valeurs spécifiques au navigateur en dehors de la spécification actuelle du W3C.
| Propriété | La description |
|---|---|
| événements-pointeur | Propriété non valide dans CSS3, mais suggérée pour CSS4. Utilisé dans W3.CSS pour supprimer le pointeur manuel des éléments désactivés. |
| sélection de l'utilisateur | Propriété non valide dans CSS3, mais suggérée pour CSS4. Utilisé dans W3.CSS pour supprimer la sélection de texte des éléments cliquables. |
| pseudo-classe :valide | Valeur non valide dans CSS3, mais suggérée pour CSS4. Utilisé dans W3.CSS pour indiquer une entrée valide. |
| @-webkit-images clés | Ajouté à W3.CSS pour que les animations fonctionnent dans les navigateurs webkit (anciennes versions de Chrome, Safari et Opera). |
Personnaliser W3.CSS
W3.CSS inclut les polices de base et les tailles de police.
Vous pouvez personnaliser W3.CSS en modifiant ces paramètres :
Exemple
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;
}
W3.CSS est normalisé
Normaliser une feuille de style est fait pour :
- Corriger les bogues du navigateur
- Supprimer les incohérences du navigateur
- Garantir les valeurs par défaut courantes du navigateur
- Normaliser les styles de tous les éléments HTML
- Ajouter des améliorations CSS
Un extrait de Normalize.css est utilisé dans W3.CSS.
Cela permet à W3.CSS d'afficher le HTML de manière cohérente dans tous les navigateurs et conformément aux normes Web modernes.