Esercitazione CSS

Gli esercizi marcati con uno o più asterischi sono facoltativi. Maggiore è il numero di asterischi, maggiore è la difficoltà dell'esercizio.

Modifica delle proprietà del testo

1. Fare in modo che nel file semplice.html il testo non in enfasi appaia corsivo e quello in enfasi no.
2. Allineare al centro il testo del secondo paragrafo del file semplice.html, giustificare il testo del primo paragrafo e allineare a destra l'intestazione di primo livello.
3. ^(*) Raddoppiare l'interlinea del testo di tutti e due i file semplice.html e semplice2.html.
4. Fare in modo che i nomi propri che compaiono nei due file semplice.html e semplice2.html vengano visualizzati in maiuscolo.
5. Scgliere ed applicare 3 font diversi per l'intestazione, il testo normale ed i dialoghi nel file semplice.html.
6. ^(*) Raddoppiare la dimensione del testo dei collegamenti ipertestuali nel file semplice.html.
7. Fare in modo che i collegamenti ipertestuali del file semplice.html siano in grassetto, non sottolineati e non in corsivo.
8. ^(*) Fare in modo che la prima parola di ogni paragrafo dei file semplice.html e semplice2.html sia in grassetto, di colore blu, di dimensione 25 punti tipografici e con le lettere spaziate di 4 millimetri.
9. Fate apparire i collegamenti ipertestuali del file semplice.html come semplice testo ed il testo come collegamento ipertestuale.
10. ^(**) Utilizzando il minimo numero di regole internal
    • aggiungere un bordo rosso intorno ai dialoghi nel file semplice.html,
    • centrare e rendere maiuscole tutte le iniziali delle parole dell'intestazione della pagina,
    • indentare di un pollice la prima riga del primo paragrafo,
    • centrare il secondo paragrafo (non il testo, ma il paragrafo!), cambiargli il font con uno senza graze e dimezzarne la larghezza.

Paolo Coppola
Last modified: 2002/04/10