Risorse per webmaster

L A   C O M U N I T À   V I R T U A L E   I T A L I A N A   P E R   W E B   M A S T E R S

 
 
      Tecnologie
      HTML
      CSS
      DHTML
      FLASH
      ASP
      PHP
      JSP
      PERL
      XML
      SMIL
      WIRELESS
      PALMARI
      APACHE
      MYSQL
      PICOSQL
 
      Grafica
 
      Servizi
 
      Raccolte
 
      Recensioni
 
      Analisi
 
      Disclaimer

   Per tutti
 
  .: Magazine
  .: Editor
  .: Appunti
  .: Gratis
  .: Scripts
  .: Components
 
   Home page

Partner
Comunicati stampa
Proposte di viaggio
Prenotazione hotel
Prenota vacanze
Accessori palmari
Cerca alberghi
Guide turistiche

versione stampabile Mostra una versione adatta per la stampa  

Livello di difficoltà:Livello di difficoltà: basso  
I Css, Cascade style sheets, che in italiano significa fogli di stile a cascata, sono una tecnologia per migliorare le proprie pagine Web. Sono stati implementati dal W3 Consorzium nella quarta versione di Html.
 

Le classi

Cascade style sheets
Le classi, sono dei fondamentali strumenti di diversificazione degli esistenti tag Html. Se si volesse ad esempio assegnare un tipo di cursore al tag font, basterebbe utilizzare:
font {cursor: hand}

Si potrebbe pero' volere utilizzare un altri puntatore, sempre pero' all'interno del tag font. Per far cio', e' necessario assegnare delle classi, ovvero dare un valore all'attributo class di un qualsiasi tag (in questo caso font). Ad esempio:
<font class="cursore-hand">
<font class="cursore-n-resize">


In questo modo abbiamo specificato due class per uno stesso tag (font). Queste classi poi vanno specificati all'interno dei tag head, in un comune foglio di stile, digitando:
<STYLE>
font.cursore-hand {cursor: hand}
font.cursore-n-resize {cursor: n-resize}
</STYLE>


Continuando il discorso delle classi, si giunge alle pseudoclassi. Per fare un esempio di pseudoclasse, si puo' citare l'effetto dei link sottolineati o meno al passaggio del mouse. In questo caso infatti, l'evento onMouseOver si rispecchia nella pseudoclasse hover. Ad esempio:
<STYLE>
A:link { text-decoration: underline; color: blue }
visited { text-decoration: underline; color: navy }
over { text-decoration: none; color: red }
</STYLE>










 

 
 
Home > css > ...   © 1999-2017 Risorse.net, tutti i diritti riservati