I fogli di stile esterni

Cascade style sheets

di Risorse.net

Questo tipo di fogli di stile, rispecchia pienamente la caratteristica dei Css di divedere lo stile dai contenuti. Essi infatti, sono depositati in un solo file con estensione .css e richiamati con una semplice riga di codice da tutti i documenti Html a cui fanno riferimento.
Inutile quindi sottolineare il vantaggio che se ne trae dal massiccio uso che se ne puo' fare. Con un'unica modifica, si potrebbe riflettere su tutto il sito il risultato di tale accorgimento.

Ma vediamo come creare un foglio di stile esterno:

Aprire il Blocco Note di Win9x/Nt o 2000 (o qualunque editor di testi) e digitare all'interno di essi il foglio di stile, come abbiamo visto nel passo dedicato ai Css incorporati.

Nel caso usaste Blocco Note, dal primo menu in alto a sinistra (File) scegliere la voce "Salva" o anche "Salva con nome...". Apparira' una finestra di dialogo con in basso due spazi di input; nel primo digitare un nome qualsiasi seguito dall'estensione .css (ad esempio: layout.css). Nel secondo campo, lasciare tutto invariato (va bene anche se c'e' indicato Documenti di testo).

Una volta eseguite queste semplici operazioni, e' necessario richiamare il file contenente il foglio di stile nelle nostre pagine Html. E' necessario inserire tra i tag <HEAD> e </HEAD> la riga:

<LINK REL="stylesheet" TYPE="text/css" HREF="layout.css">

La sintassi di questa riga di codice e' qui brevemente spiegata:
Link: indica che c'e' un collegamento
Rel: identifica con che tipo di file esiste il collegamento
Type: il tipo di formato
Href: il percorso del file