Homepage Site Map


   
PROGRAMMAZIONE
   FARE WEB
   HTML
   CSS
   PHP
   MySQL
   XML - XSL
GRAFICA
   PAINT SHOP
   ANIMATION SHOP
   SWISH
   SWISHMAX
SCRIPT
   JAVASCRIPT
   PHP
   APPLET JAVA
   CSS GENERATOR
   WEB TOOLS
DOWNLOAD
   FONTS
   ICONE E AVATAR
   SMILES
   GIF ANIMATE
   CURSORI
   CALENDARI
   KAOANI
   BASI BANNER
   SCREENMATES
   MEEGOS
   GIOCHI
   VIDEO E PPS
ARTICOLI
   ARTICOLI
   GUADAGNA SITO
LINKS
   LINK TO ME
   VOTAMI
   SCAMBIO LINK
   SCAMBIO BANNER


 
  

Home -> Manuali e Tutorials -> Guida CSS -> Introduzione  


Scarica il tutorial      |    Stampa il tutorial      |    Cerca nel sito      



INTRODUZIONE AI CSS



I CSS o Cascading Style Sheet (Foglio di Stile) sono uno standard web riconosciuto dal W3C (per questo sono disponibili validatori di codice css; vedi qui per capire come validare il tuo foglio di stile).

I CSS servono per migliorare l'aspetto estetico del vostro sito, in tutti i suoi elementi, a partire dal semplice paragrafo di testo, ai links, immagini, form, tabelle ed altro.

La prima cosa da apprendere è dove posizionare il codice di stile. Questo può essere incluso in 3 modi differenti:


  • in linea ( cioè direttamente scritto all'interno del relativo Tag HTML );

  • internamente ( cioè inserito all'interno del Tag <HEAD> );

  • esternamente ( cioè viene incluso in un file apposito di estensione .css che viene opportunamente richiamato con un semplice link all'interno dell' <HEAD> ).


Non tutti i browser sono però in grado di leggere i fogli di stile interni; i più usati sono quindi quelli esterni, sicuramente più vantaggiosi per siti di media-grossa grandezza.

Di seguito è mostrato il codice per richiamare un foglio di stile esterno:


<HEAD>
<LINK HREF="stile.css" type="text/css" rel="stylesheet">
</HEAD>


Questo è invece il codice per richiamare un foglio di stile in linea, applicato ad esempio al tag html P (necessario per inserire un paragrafo di testo):


<BODY>
<P STYLE = "...">....</P>
</BODY>


Questo è invece il codice per richiamare un foglio di stile interno:


<HEAD>
<STYLE TYPE = "text/css">....</STYLE>
</HEAD>





Torna su      |    Indice Guida      |    Pagina 1 >>    



 


Cynegi Network


   

Vai al W3C CSS Validator toolkit.
Realizzato con PHP. Vai al sito ufficiale del PHP.
Testato anche con Mozilla Firefox. Vai al sito ufficiale.

Home     Contacts     Forum     FAQ     Newsletter     Mappa     Cerca     Link to me

  Vedi gli RSS del sito.      

-->  [Il tuo link qui]