Facile da leggere
pagine W3.CSS sono facili da leggere, anche per le persone con lievi disabilità di lettura.
- Tutti i font utilizzati sono semplici caratteri leggibili 15px sans-serif
- Il font standard (Verdana) ha uno spazio molto buona lettera
- La linea-spacing standard (1.5) è anche molto buono
HTML intestazioni <h1> - <h6>
Con intestazioni stili w3.css HTML di default in questo modo:
Esempio
<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>
Prova tu stesso " Classi font-size
I titoli dovrebbero essere utilizzati per quello che sono: intestazioni.
Con W3.CSS, le dimensioni dei caratteri possono essere impostati per classi:
Esempio
w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
Prova tu stesso " Override gli Standard
Override gli standard W3.CSS è molto facile.
Hai almeno tre semplici opzioni:
- Sostituisci lo standard nella sezione <head> della pagina
- Aggiungi un tuo file CSS dopo W3.CSS
- Scaricare e modificare il contenuto del file W3.CSS
Override nel <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;}
Prova tu stesso " Aggiungere il proprio CSS
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<link rel="stylesheet"
href="myStyle.css">Cambio 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}