W3.CSS-standaardinstellingen
W3.CSS is gemakkelijk te lezen
W3.CSS-pagina's zijn gemakkelijk te lezen, zelfs voor mensen met een lichte leesbeperking.
- De standaard lettergrootte is 15px
- Het standaardlettertype is Verdana, met een goede letterafstand
- De standaard regelafstand (1.5) is ook erg goed
HTML-koppen <h1> - <h6>
Standaard stijlt W3.CSS HTML-koppen op deze manier:
Voorbeeld
<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>
Klassen op lettergrootte
Koppen moeten worden gebruikt voor wat ze zijn: Koppen.
Met W3.CSS kunnen lettergroottes worden ingesteld door de volgende w3- grootteklassen :
Voorbeeld
w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
De W3.CSS-standaardwaarden overschrijven
Het overschrijven van de W3.CSS-standaardinstellingen is heel eenvoudig.
Je hebt minimaal drie opties:
- Overschrijf de standaardinstellingen in het <head>-gedeelte van uw pagina
- Voeg uw eigen CSS-bestand toe na W3.CSS
- Download en wijzig de inhoud van het W3.CSS-bestand
Overschrijven in<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;}
Voeg uw eigen CSS toe
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet"
href="myStyle.css">
Wijzig 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}
Het standaardlettertype wijzigen
Wijzig in de kop van uw webpagina (of in uw stylesheet), na het laden van W3.CSS, de stijl van html en body:
Voorbeeld
<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>