Facile à lire
pages W3.CSS sont faciles à lire, même pour les personnes présentant des troubles légers de lecture.
- Toutes les polices utilisées sont des polices 15px lisibles sans-serif faciles
- La police standard (Verdana) a un très bon espacement des lettres
- La ligne d'espacement standard (1.5) est également très bon
HTML Rubriques <h1> - <h6>
Par défaut, les styles de rubriques w3.css HTML de cette façon:
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>
Try It Yourself » Font-Taille Classes
Les titres devraient être utilisés pour ce qu'ils sont: Rubriques.
Avec W3.CSS, les tailles de police peuvent être définies par les classes:
Exemple
w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
Try It Yourself » Surcharger les normes
Surcharger les normes W3.CSS est très facile.
Vous avez au moins trois options simples:
- Remplacer la norme 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;}
Try It Yourself » Ajoutez votre propre CSS
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<link rel="stylesheet"
href="myStyle.css">Change 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}