Esempio di utilizzo di un foglio di stile

Questa è una pagina HTML creata per far vedere come sia possibile utilizzare un foglio di stile.

Questa pagina è ora visualizzata senza utilizzare alcun foglio di stile e utilizzando un codice HTML "standard" (H1, H2, ecc .. per i titoli, UL, OL, ecc .. per le liste e senza dare indicazioni particolari per i testi.

Sono stati inseriti diversi elementi HTML (titoli, liste, ecc ...) per rendere evidente come i fogli di stile influenzano l'aspetto della pagina mentre il suo contenuto resta inalterato.

Visualizza la stessa pagina ma a cui è stato applicato un altro foglio di stile

Torna alla stessa pagina senza foglio di stile

Titolo di livello 1

Titolo di livello 2

Titolo di livello 3

Titolo di livello 4

Titolo di livello 5
Titolo di livello 6

Ecco invece in esempio di lista ordinata

  1. Cani
  2. Gatti
  3. Polli

Ed ecco inveve un esempio di lista non ordinata