Stili
Con questo sistema si possono definire gli stili all'inizio del documento tra i tag HEAD:
Si possono anche creare dei riferimenti a fogli di stile esterni (.CSS) utilizzando la seguente stringa:
< LINK REL=STYLESHEET HREF="percorso/nome_file.css" type="text/css" >
< style type="text/css">
h1 {color:blue;text-transform:uppercase;}
p {color:green;border-width:1px;}
</style>
Esempio
In questo esempio e' stato stabilito che i titoli H1 sono blu e in maiuscolo. e i paragrafi (p) in colore verde e bordati.
Gli stili possono essere definiti anche di volta in volta come nel seguente esempio:
paragrafo blue bordato
< p style="color:blue;border-width:2 px;" > paragrafo blue bordato < /p >
titolo verde bordato
< H1 style="color:green;border-width:1 px;" > titolo verde bordato < /p >
altro esempio di utilizzo degli stili
< STYLE >
<!--
a.tipo1 {text-decoration: none}
a.tipo1 {color: #codice colore}
a.tipo1:hover {color: #codice colore}
a.tipo2 {text-decoration: none}
a.tipo2 {color: #codice colore}
a.tipo2:hover {color: #codice colore}
-- >
</STYLE >
Questo stile consente di nascondere la sottolineatura dei link e di definire il colore del link quando ci si passa sopra col mouse.
Per richiamato lo stile tipo 1 predefinito si utilizza il seguente codice:
< a href="nomefile.htm" class="tipo1" > link< /A >
e questo e' il risultato:
link
Naturalmente se si vuole usare il tipo 2 basta specificarlo!
E' ovvio che "tipo1" e "tipo2" sono solo etichette che possono essere sostituite con qualsiasi altro nome.
Home