il Dizionario Informatico -CSS, Cascading Style Sheets -

CSS, Cascading Style Sheets

Di Angelo Cresta

...in risposta da una lettrice del Dizionario Informatico

----- Original Message -----
Sent: Friday, October 06, 2000 12:28 AM
Subject: Re: Files CSS

Ciao Cristina,
scusa se non ti ho risposto prima, ma ho avuto un po' da fare ... Da dove cominciare ...?!
Allora, come sai i fogli di stile (css) contengono le informazioni che
riguardano per esempio la formattazione del testo, dei link, o di qualsiasi altro
oggetto. Come sono? Un foglio di stile puo' essere fatto così:

 DIV  {font-family: "Verdana", "Tahoma", "Arial"; font-size:8pt; color:  white}
 td  {font-family: "Verdana", "Tahoma", "Arial"; font-size:8pt; color: white}
 A:link   {text-decoration: underline; color: white;} 
 A:link.corner   {text-decoration: none; color: white;}
 A:link.menu   {text-decoration: none; color: white;}
 A:link.menu2   {text-decoration: none; color: #FFFF99;}
 A:visited  {text-decoration: underline; color: white;}
 A:visited.menu  {text-decoration: none; color: white;}
 A:visited.menu2  {text-decoration: none; color: #FFFF99;}
 A:hover   {text-decoration: underline;}
 A:hover.menu  {text-decoration: underline; color: #FFFF99;}

 #testo {position: absolute;
 top:170px;
 z-index:20;
 left:47px;
 width:400px;
 text-align:justify;
  }

Come vedi c'e' la formatazione dei DIV, che sono dei paragrafi di testo,
come pure del "td" che indica una cella in una riga di una tabella.
Ed in piu' la classica "A" che significa l'inizio di un collegamento
ipertestuale.
Questo foglio deve essere integrato nelle pagine che tu crei,
in modo che la formattazione sia proprio quella definita.
Esempio di pagina:

<HTML>
<HEAD>

<LINK REL=StyleSheet HREF="foglio.css" type="text/css">

</HEAD>
<BODY>
<DIV ID="testo" >
<A HREF="storia.asp" class="menu"storia/A>
</DIV>
<DIV>
<A HREF="storia.asp" class="menu2"storia/A>
</DIV>
</BODY>
</HTML>

Come vedi nel pezzo contenuto tra i tag head c'e' il richiamo del foglio di stile:


<LINK REL=StyleSheet HREF="foglio.css" type="text/css">

cosa che devi aggiungere su tutte le pagine che devono avere la stessa formattazione.
Fai anche attenzione alle dichiarazioni del foglio di stile tipo:
A.menu,
che significano che lo stile si applica solo ai tag A definiti come
class="menu".
Stessa cosa vale per #testo, che si applica solo ai tag con id="testo".
Spero di esserti stato di aiuto ....
Se hai domande più specifiche ... scrivi pure!
Ciao /// Angelo

Termini mancanti/suggerimenti ?