Cosa è CSS

Questa è la prima sezione dell'esercitazione "Iniziare (Esercitazione di CSS)" che spiega cosa è CSS. Si creerà un semplice documento su cui lavorare nelle pagine seguenti

Informazione: Cosa è CSS?

Cascading Style Sheets (CSS) è un linguaggio per specificare come i documenti sono presentati all'utente.

Un documento è un insieme di informazioni strutturate utilizzando un linguaggio a marcatori.

Esempi

Una pagine web come quella che si legge è un documento.
Le informazioni che si vedono in una pagina web sono strutturare utilizzando il linguaggio a marcatori HTML  (HyperText Markup Language).
Le finestre di dialogo, anche chiamate finestre modali, di una applicazione sono spesso documenti.
Tali finestre modali potrebbero essere strutturate utilizzano un linguaggio a marcatori, come XUL. E' questo il caso frequente delle applicazioni di Mozilla, ma non è il caso comune.

In questa esercitazione, i riquadri titolati Maggiori dettagli come quello seguente contengono informazioni facoltative. Se hai fretta di andare avanti con l'esercitazione potresti saltarli, e forse tornare a leggerli più tardi. Diversamente leggerli quando li incontri, e forse seguire i link per imparare di più.

Maggiori dettagli

Un documento non è un file. Potrebbe o non potrebbe essere memorizzato in un file.

Per esempio, il documento che stai leggendo non è memorizzaotin un file. Quando il browser web richiede questa pagina, il server interroga un database e genera il documento, traendone le sue parti da molti file. D'altra parte, in questa esercitazione si lavora con documenti che sono memorizzati nei file.

Per maggiori informazioni sui documenti e i linguaggi a amrcatori, si vedano altre parti di questo sito web—per esempio:

HTML per le pagine web
XML per i documenti strutturati in generale
SVG per la grafica
XUL per le interfacce utente in Mozillafor user interfaces in Mozilla

Nella Parte II di questa esercitazione si vedranno esempi di questi linguaggi a marcatore.

Presentare un documento ad un utente significa convertirlo in una forma utilizzabile dall'essere umano. Browser, come FireFox, Chrome o Internet Explorer, sono progettati per presentare visivamente i documenti — per esempio, sullo schermo di un computer, un proiettore o una stampante.

 
Maggiori dettagli
CSS non è solo per i browser, e non solo per presentazioni visive. Nella terminologia fomale di CSS, il programma che presenta un documento a un utente è chiamato user agent (UA). Un browser è solo un tipo di UA. Comunque, nella Parte I dell'esercitazione si lavora esclusivamente con CSS in un browser.

Per qualche definizione formale della terminologia relativa a CSS, vedere le Definizioni nelle specifiche CSS.

Azione: Creare un documento

Utilizzare il proprio computer per creare una nuova cartella ed un nuovo file di testo al suo interno. Il file conterrà il tuo docuemento.
Copia ed incolla il codice HTML mostrato sotto. Slava il file utilizzando il nome doc1.html

<!DOCTYPE html>
<html>
  <head>
  <meta charset="UTF-8">
  <title>Sample document</title>
  </head>

  <body>
    <p>
      <strong>C</strong>ascading
      <strong>S</strong>tyle
      <strong>S</strong>heets
    </p>
  </body>
</html>

Nel proprio browser, aprire una nuova scheda o una nuova finestra, e aprirvi il file.

Si dovrebbe vedere il testo con le lettere iniziali in grassetto, come questo:

Cascading Style Sheets

Quello che vedi nel tuo browser potrebbe non apparire esattametne uguale a questo, a causa delle impostazioni utilizzate dal browser e da questo wiki. Se ci sono differenze di font, spaziatura e colori, non ha importanza.

E poi?

Il documento ancora non utilizza CSS. Nella prossima sezione si utilizzerà CSS per specificare lo stile.

Document Tags and Contributors

Contributors to this page: Verruckt, Indigo, Grino
Last updated by: Grino,