Per stampare: Clicca qui oppure seleziona File » Stampa nel menù del tuo browser.

        -----------------------------------------------------------------------------------------------
        Questo intervento č stato stampato da Guide di Dada.Net
        raggiungibile a http://guide.dada.net
        -----------------------------------------------------------------------------------------------

By Manuali di GIUSEPPE CIABURRO
URL: http://guide.dada.net/manuali/interventi/2003/04/133456.shtml

Manuali di GIUSEPPE CIABURRO guida dal 18-04-2003

Fogli di stile

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:
  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>