economia news e media viaggi informatica internet salute e benessere int rattenimento e spettacolo sport tempo libero istruzio ne e formazione arte cultura scienza

Il Sondaggio

Che tipo di manuali cerchi?

Guarda i risultati

Webmaster

Fogli di stile

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:
  • MS Internet Explorer 3 (solo in parte)
  • MS Internet Explorer 4
  • MS Internet Explorer 5 e successivi
  • Netscape Navigator 4 (solo in parte)
  • Netscape Navigator 5 e successivi.
I fogli di stile possono essere inclusi nelle pagine HTML in 3 modi differenti:
  1. in linea;
  2. internamente;
  3. esternamente.

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>

I link correlati all'argomento

Vuoi essere aggiornato sulle novitą della guida?

Feed RSS XML vostro feed RSS