Esercitazione 3
In questa esercitazione proveremo le principali proprietà relative al contenuto testuale dei
documenti. Queste determinano l'aspetto dei caratteri e la loro disposizione all'interno
dei box in cui sono contenuti.
Le proprietà testuali si possono applicare alla quasi totalità degli elementi del body. In questa esercitazione
ci limiteremo ad applicarli ad elementi di tipo p, paragrafo.
Le proprietà font determinano l'aspetto dei caratteri, le proprietà text ne determinano la
disposizione.
1 - Proprietà font.
Faremo esercizi sulle seguenti proprietà
- font-family;
- font-style;
- font-size;
- font-weight;
2 - Proprietà text.
Faremo esercizi sulle seguenti proprietà.
- text-align;
- text-indent;
- text-decoration;
Esercizi
Esercizio 1 - Impostare proprietà font distinte per ognuna delle sezioni (main, esercizi e appunti) del presente documento.
I tipi di font esistenti sono innumerevoli, ma non tutti presenti nei browser.
Ogni browser ha una sezione impostazioni e all'interno di essa è possibile individuare quella che consente di modificare l'aspetto dei caratteri.
Le famiiglie di font presenti in questa sezione sono sicuramente disponibili in tutti i browser e puoi scegliere fra queste.
Le impostazioni font che ho fissato per questa pagina sono:
main{
font-family:bahnschrift;
font-style:normal;
font-size:1em;
font-weight:lighter;
}
.Esercizi{
font-family:verdana;
font-style:normal;
font-size:0.8em;
font-weight:medium;
}
.Appunti{
font-family:garamond;
font-style:italic;
font-size:1.5em;
font-weight:medium;
}
L'esercizo consiste nell'eseguire modifiche ed osservarne l'effetto.
Esercizio 2 - Impostare proprietà text distinte per diversi elementi della pagina.
Le impostazioni text che ho fissato per questa pagina sono:
h1{
text-align:center;
text-decoration:underline;
}
h2{
text-align:center;
}
h3{
padding-left:1em;
padding-right:1em;
text-align:left;
}
p{
padding-left:1em;
padding-right:1em;
text-align:left;
text-indent:2em;
}
.Appunti p{
text-align:justify;
}
L'esercizo consiste nell'eseguire modifiche ed ossrvarne l'effetto.
Appunti
Questa sezione è destinata a contenere gli appunti personali del lettore.
Il primo paragrafo della sezione appunti è contrassegnato da un identificatore e ha un aspetto
particolare. Naturalmente puoi modificarlo a piacere.