Iniziare (Esercitazione di CSS)

  • Slug della versione: Conoscere_i_CSS
  • Titolo della versione: Conoscere i CSS
  • ID versione: 194419
  • Data di creazione
  • Autore: Indigo
  • Versione corrente? No
  • Commento /* Tutorial Part I */

Contenuto della versione

Introduzione

Questa guida serve a introdurre nel mondo dei Fogli di stile a cascata, in inglese "Cascading Style Sheets" (CSS).

Saranno analizzate le caratteristiche base dei CSS anche tramite degli esempi pratici che potrai provare da solo sul tuo computer. E' composta da due parti.

  • Prima parte: illustra le caratteristiche standard che funzionano sia sui browser Mozilla che sulla maggior parte dei browser moderni.
  • Seconda parte: contiene alcuni esempi di caratteristiche speciali che funzionano su Mozilla, ma non è detto che funzionino in altri ambienti.

La guida è basata sulle specifiche CSS 2.1(EN).

Chi dovrebbe leggere questo tutorial?

Questa guida è stata pensata soprattutto per coloro che iniziano con i CSS, ma può essere utile anche se si posseggono già delle conoscenze in materia.

Se sei un principiante, leggi la prima parte della guida per comprendere i CSS e per imparare ad utilizzarli. Quindi leggi la seconda parte per osservare la portata che i CSS hanno su Mozilla.

Se hai giusto qualche conoscenza dei CSS, puoi saltare la parte che già conosci e concentrarti solo sulla parte che ti interessa.

Se sei esperto di CSS ma non del loro utilizzo in Mozilla, salta subito alla seconda parte.

Di cosa ho bisogno prima di iniziare?

Per ottenere il massimo da questa guida, è necessario un editor per i file di testo e un browser Mozilla (Firefox o Mozilla Suite). Occorre anche conoscerne le funzionalità base.

Se non hai intenzione di modificare i file, puoi anche limitarti a leggere la guida e guardare le figure, ma è un modo meno efficace per imparare.

Alcune parti della guida potrebbero richiedere altro software di Mozilla. Quelle parti sono facoltative. Se non vuoi scaricare altro software di Mozilla, saltale.

Nota:  Datoché i CSS sono utilizzati anche per gestire i colori, alcune parti della guida dipenderanno dai colori. Tali parti possono essere seguite in modo agevole solo se si dispone di uno schermo a colori e di una normale capacità di distinguere i colori.

Come utilizzare questa guida

Per utilizzare questa guida, leggi le pagine con attenzione e nel loro ordine. Se ti perdi una pagina, potresti trovare difficoltà nel comprendere le pagine successive.

In ciascuna pagina, utilizza la sezione Informazioni per comprendere il funzionamento dei CSS. Usa invece la sezione Azioni per provare a lavorare con i CSS sul tuo computer.

Per testare la tua comprensione, prova gli esercizi alla fine di ogni pagina. Le soluzioni si trovano alla pagina seguente.

Per una conoscenza più approfondita dei CSS, leggi le informazioni racchiuse nei riquadri con l'etichetta Di più.... Utilizza i collegamenti che vi trovi per trovare informazioni sui CSS.

Prima parte

Una guida base ai CSS.

  1. Che cosa sono i CSS
  2. Perché usare i CSS
  3. Come funzionano i CSS
  4. Cascata ed ereditarietà
  5. Selettori
  6. CSS leggibili
  7. Stili del testo
  8. Colori
  9. Contenuto
  10. Elenchi
  11. Box model
  12. Layout
  13. Tabelle
  14. L'attributo media

Tutorial Part II

Examples that show the scope of CSS in Mozilla.

  1. JavaScript
  2. XBL bindings
  3. XUL user interfaces
  4. SVG graphics
  5. XML data
{{ wiki.languages( { "en": "en/CSS/Getting_Started", "fr": "fr/CSS/Premiers_pas", "ja": "ja/CSS/Getting_Started", "pl": "pl/CSS/Na_pocz\u0105tek", "nl": "nl/CSS/Voor_Beginners" } ) }}

Sorgente della versione

<p>
</p>
<h3 name="Introduzione"> Introduzione </h3>
<p>Questa guida serve a introdurre nel mondo dei Fogli di stile a cascata, in inglese "Cascading Style Sheets" (CSS).
</p><p>Saranno analizzate le caratteristiche base dei CSS anche tramite degli esempi pratici che potrai provare da solo sul tuo computer.  E' composta da due parti.
</p>
<ul><li>Prima parte: illustra le caratteristiche standard che funzionano sia sui browser Mozilla che sulla maggior parte dei browser moderni.
</li></ul>
<ul><li>Seconda parte: contiene alcuni esempi di caratteristiche speciali che funzionano su Mozilla, ma non è detto che funzionino in altri ambienti.
</li></ul>
<p>La guida è basata sulle <a class="external" href="http://www.w3.org/TR/CSS21/">specifiche CSS 2.1</a>(EN).
</p>
<h4 name="Chi_dovrebbe_leggere_questo_tutorial.3F"> Chi dovrebbe leggere questo tutorial? </h4>
<p>Questa guida è stata pensata soprattutto per coloro che iniziano con i CSS, ma può essere utile anche se si posseggono già delle conoscenze in materia.
</p><p>Se sei un principiante, leggi la prima parte della guida per comprendere i CSS e per imparare ad utilizzarli.  Quindi leggi la seconda parte per osservare la portata che i CSS hanno su Mozilla.
</p><p>Se hai giusto qualche conoscenza dei CSS, puoi saltare la parte che già conosci e concentrarti solo sulla parte che ti interessa.
</p><p>Se sei esperto di CSS ma non del loro utilizzo in Mozilla, salta subito alla seconda parte.
</p>
<h4 name="Di_cosa_ho_bisogno_prima_di_iniziare.3F"> Di cosa ho bisogno prima di iniziare? </h4>
<p>Per ottenere il massimo da questa guida, è necessario un editor per i file di testo e un browser Mozilla (Firefox o Mozilla Suite).  Occorre anche conoscerne le funzionalità base.
</p><p>Se non hai intenzione di modificare i file, puoi anche limitarti a leggere la guida e guardare le figure, ma è un modo meno efficace per imparare.
</p><p>Alcune parti della guida potrebbero richiedere altro software di Mozilla. Quelle parti sono facoltative.  Se non vuoi scaricare altro software di Mozilla, saltale.
</p><p><strong>Nota: </strong>
Datoché i CSS sono utilizzati anche per gestire i colori, alcune parti della guida dipenderanno dai colori. Tali parti possono essere seguite in modo agevole solo se si dispone di uno schermo a colori e di una normale capacità di distinguere i colori.
</p>
<h4 name="Come_utilizzare_questa_guida"> Come utilizzare questa guida </h4>
<p>Per utilizzare questa guida, leggi le pagine con attenzione e nel loro ordine. Se ti perdi una pagina, potresti trovare difficoltà nel comprendere le pagine successive.
</p><p>In ciascuna pagina, utilizza la sezione <i>Informazioni</i> per comprendere il funzionamento dei CSS. Usa invece la sezione <i>Azioni</i> per provare a lavorare con i CSS sul tuo computer.
</p><p>Per testare la tua comprensione, prova gli esercizi alla fine di ogni pagina. Le soluzioni si trovano alla pagina seguente.
</p><p>Per una conoscenza più approfondita dei CSS, leggi le informazioni racchiuse nei riquadri con l'etichetta <i>Di più...</i>.
Utilizza i collegamenti che vi trovi per trovare informazioni sui CSS.
</p>
<h3 name="Prima_parte"> Prima parte </h3>
<p>Una guida base ai CSS.
</p>
<ol><li><b><a href="it/Conoscere_i_CSS/Che_cosa_sono_i_CSS">Che cosa sono i CSS</a></b>
</li><li><b><a href="it/Conoscere_i_CSS/Perch%c3%a9_usare_i_CSS">Perché usare i CSS</a></b>
</li><li><b><a href="it/Conoscere_i_CSS/Come_funzionano_i_CSS">Come funzionano i CSS</a></b>
</li><li><b><a href="it/Conoscere_i_CSS/Cascata_ed_ereditariet%c3%a0">Cascata ed ereditarietà</a></b>
</li><li><b><a href="it/Conoscere_i_CSS/Selettori">Selettori</a></b>
</li><li><b><a href="it/Conoscere_i_CSS/CSS_leggibili">CSS leggibili</a></b>
</li><li><b><a href="it/Conoscere_i_CSS/Stili_del_testo">Stili del testo</a></b>
</li><li><b><a href="it/Conoscere_i_CSS/Colori">Colori</a></b>
</li><li><b><a href="it/Conoscere_i_CSS/Contenuto">Contenuto</a></b>
</li><li><b><a href="it/Conoscere_i_CSS/Elenchi">Elenchi</a></b>
</li><li><b><a href="it/Conoscere_i_CSS/Box_model">Box model</a></b>
</li><li><b><a href="it/Conoscere_i_CSS/Layout">Layout</a></b>
</li><li><b><a href="it/Conoscere_i_CSS/Tabelle">Tabelle</a></b>
</li><li><b><a href="it/Conoscere_i_CSS/L'attributo_media">L'attributo media</a></b>
</li></ol>
<h3 name="Tutorial_Part_II"> Tutorial Part II </h3>
<p>Examples that show the scope of CSS in Mozilla.
</p>
<ol><li><b><a href="it/CSS/Getting_Started/JavaScript">JavaScript</a></b>
</li><li><b><a href="it/CSS/Getting_Started/XBL_bindings">XBL bindings</a></b>
</li><li><b><a href="it/CSS/Getting_Started/XUL_user_interfaces">XUL user interfaces</a></b>
</li><li><b><a href="it/CSS/Getting_Started/SVG_graphics">SVG graphics</a></b>
</li><li><b><a href="it/CSS/Getting_Started/XML_data">XML data</a></b>
</li></ol>
{{ wiki.languages( { "en": "en/CSS/Getting_Started", "fr": "fr/CSS/Premiers_pas", "ja": "ja/CSS/Getting_Started", "pl": "pl/CSS/Na_pocz\u0105tek", "nl": "nl/CSS/Voor_Beginners" } ) }}
Ripristina questa versione