Applicazione di un foglio di stile CSS alla pagina web

Applicazione di un foglio di stile CSS alla pagina web
“atletica leggera”
Operazioni preliminari
1. Creare la cartella 8-atletica-leggera-css, copiare al suo interno la pagina web sull'atletica
leggera già creata nelle lezioni precedenti e rinominare il file in atletica-leggera-css.html.
2. Creare una sottocartella img e inserirvi l'immagine si sfondo scaricabile dal sito.
3. Inserire nella pagina un foglio di stile CSS incorporato (embedded) contenente regole che
formattino il contenuo secondo il seguente schema.
Regole di stile da applicare (dopo aver scritto la regola, si consiglia di osservarne l’effetto
risultante)
Descrizione dell’elemento HTML5
Descrizione della proprietà
Body della pagina
Famiglie di font: “Trebuchet MS”, Arial, sans-serif
Dimensione del font medium
Allineamento del testo a sinistra
Immagine di sfondo: bg-green.jpg
Ripetizione dello sfondo su tutta l'area
Colore di primo piano #002500
Padding sup e inf: 20 pixel; sx e dx: 50 pixel
Magine uniforme pari a 25 pixel
Bordo uniforme solido, colore RGB di livelli (10, 50, 5) e spessore 2 pixel
Titoli di primo livello
Famiglie di font: Verdana, sans-serif
Dimensione del font 28px
Colore di primo piano #C0C0C0
Colore di sfondo semitrasparente: livelli RGB 20, 80, 20; alpha channel 0.45
Padding uniforme: 5 pixel
Titolo di secondo livello
Larghezza dell'area del contenuto: 75%
Padding uniforme di 5 pixel
Bordo inferiore solido, nero, spessore 1px
Titolo di terzo livello
Colore di primo piano: verde
Elementi strong
Colore di primo piano:#000055
Paragrafo
Testo giustificato
Elemento hr
Colore di primo piano: #20A050
Inoltre, si applichino le seguenti formattazioni tramite stile inline:
• Paragrafo “L'allenamento è la fase più importante della pratica sportiva (non solo per
l'atletica leggera).”: colore di sfondo verde con alpha channel 0.2 (usare la codifica RGBA)
• Ultimo paragrafo (“Tratto da Atletica leggera - Wikibooks, …): dimensione del font small.