Valeurs par défaut W3.CSS
W3.CSS est facile à lire
Les pages W3.CSS sont faciles à lire, même pour les personnes ayant de légers troubles de lecture.
- La taille de police par défaut est de 15px
- La police par défaut est Verdana, qui a un bon espacement des lettres
- L'interligne par défaut (1,5) est également très bon
Titres HTML <h1> - <h6>
Par défaut, W3.CSS stylise les titres HTML comme suit :
Exemple
<h1>Heading 1 (36px)</h1>
<h2>Heading 2 (30px)</h2>
<h3>Heading 3 (24px)</h3>
<h4>Heading 4 (20px)</h4>
<h5>Heading 5 (18px)</h5>
<h6>Heading 6 (16px)</h6>
Classes de taille de police
Les titres doivent être utilisés pour ce qu'ils sont : les titres.
Avec W3.CSS, les tailles de police peuvent être définies par les classes de taille w3 suivantes :
Exemple
w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
Remplacement des valeurs par défaut de W3.CSS
Remplacer les paramètres par défaut de W3.CSS est très simple.
Vous avez au moins trois options :
- Remplacer les paramètres par défaut dans la section <head> de votre page
- Ajoutez votre propre fichier CSS après W3.CSS
- Télécharger et modifier le contenu du fichier W3.CSS
Remplacer dans<head>
h1{font-size:64px;}
h2{font-size:48px;}
h3{font-size:36px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
Ajoutez votre propre CSS
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet"
href="myStyle.css">
Modifier W3.CSS
h1{font-size:36px} h2{font-size:30px} h3{font-size:24px} h4{font-size:20px} h5{font-size:18px} h6{font-size:16px}
Modification de la police par défaut
Dans le head de votre page web (ou dans votre feuille de style), après avoir chargé W3.CSS, changez le style du html et du body :
Exemple
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
html, body, h1, h2, h3, h4, h5, h6 {
font-family: cursive, sans-serif;
}
</style>