Esercitazione CSS

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

Liste e cursori

Cambiare i pallini della lista non ordinata del file semplice4.html con l'immagine book.gif.
Con le opportune regole di stile fare in mode che nell'elenco ordinato del file semplice4.html vengano usate lettere maiuscole invece di numeri.
^(*) Senza modificare i tag xhtml trasformare la lista non ordinata del file semplice4.html in ordinata.
Cambiare il puntatore del mouse in hns.cur quando si va sopra al testo in enfasi nel file semplice.html.
Far sembrare la frase "potere di ben giudicare" del file semplice3.html un link ipertestuale senza modificare il codice xhtml.

Completare la tabella del file semplice4.html, aggiungere bordi alle celle usando le opportune regole di stile e posizionare la tabella ad un centimetro dall'alto della pagina.
Con l'opportuno tag xhtml aggiungere l'immagine onu.gif all'inizio del primo paragrafo del file semplice5.html e fare in modo che il testo del paragrafo "scorra" alla sinistra dell'immagine.
^(***) Aggiungere, utilizzando solo tag xhtml e regole di stile css, un bordo nero ed un'ombra (rettangolare) all'immagine dell'esercizio precedente.
Con le opportune regole di stile fare in modo che le intestazioni degli articoli del file semplice5.html siano con testo e sfondo colorato, rientrate a destra di mezzo centimetro e lunghe metà pagina.
^(**) Con le opportune regole di stile impedire fare in modo che si possa stampare solo l'intestazione ed il primo paragrafo del file semplice2.html (controllare con la funzione print preview del browser).

Paolo Coppola
Last modified: 2002/04/10