A cura di GIUSEPPE CIABURRO
Pubblicato il 16/04/2003
Una semplice introduzione all'utilizzo dei fogli di stile.
I fogli di stile o CSS (Cascading Style Sheets) vengono inclusi in una o pił pagine HTML per controllare in maniera automatica e veloce l'aspetto e lo stile di una pagina WEB. Inoltre consentono di ottenere effetti che non sarebbero possibili con l'uso del solo linguaggio HTML. Il termine "cascata" (cascading) sta ad indicare una delle caratteristiche principali dei CSS, il fatto di poter essere inseriti pił volte in uno stesso documento seguendo regole gerarchiche precise, quindi ci sono CSS pił importanti e meno importanti.
I fogli di stile sono compatibili con:I fogli di stile possono essere inclusi nelle
pagine HTML in 3 modi differenti:
L'inserimento "in linea" avviene direttamente all'interno di un prederminato tag HTML nel corpo del documento; l'inserimento "interno" avviene nell'intestazione del documento tra i tag <head> e </head>; l'inserimento "esterno" viene effettuato da un file apposito con estensione ".css" che viene richiamato con un semplice link all'interno dell'intestazione di ciascuna pagina. |
|||
| Fogli di stile in linea | |||
| <html> <head> <title>Titolo del documento</title> </head> <body> <p style="gli elementi di stile vanno inseriti qui"></p> </body> </html> |
|||
| Fogli di stile interni | |||
| <html> <head> <title>Titolo del documento</title> <style type="text/css">gli elementi di stile vanno inseriti qui</style> </head> <body> <p>I contenuti della pagina vanno qui</p> </body> </html> |
|||
| Fogli di stile esterni | |||
| <html> <head> <title>Titolo del documento</title> <LINK href="nomefile.css" rel="stylesheet" type="text/css"> </head> <body> <p>I contenuti della pagina vanno qui</p> </body> </html> |