|
|
|
Fogli di stile esterni
| |
Scritto il 04/07/2002
|
Indubbiamente, il sistema più comodo e pratico è utilizzare un foglio esterno per definire i CSS di una o più pagine.
Infatti la comodità dei CSS sta proprio qui! creare uno stile comune a molte pagine, così, se necessitano modifiche allo stile, si interverrà su di uno stile solo.
Per fare questo non servono editor particolari, è necessario solamente un semplice editor di testo, e wordpad o notepad vanno benissimo.
Le istruzioni vanno inserite in un file di testo con estensione .css poi incluso nella pagina con l'istruzione:
<link rel=stylesheet href="Stile.css" type="text/css">
Vediamo un esempio:
Pagina.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Pagina </TITLE>
<link rel=stylesheet href="Stile.css" type="text/css">
</HEAD>
<BODY>
<H2>Titolo della pagina</H2>
<P>Paragrafo</P>
Testo normalissimo
</BODY>
</HTML>
Stile.css
BODY { color : #008000;
font-family : Verdana,Arial,Helvetica;
font-size : 12pt;
}
P { color : #000080;
font-family : Arial,Helvetica,Verdana;
font-size : 10pt;
}
H2 { color : #FF0000;
font-family : Helvetica,Verdana,Arial;
font-size : 30pt;
}
|
|
|
|
|
