Go to Previous Section:
Getting started 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.
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ù.
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 è chiamatouser 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 documento.
Copia ed incolla il codice HTML mostrato sotto. Salva 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?
Go to Next Section:
Why use CSS?Il documento ancora non utilizza CSS. Nella prossima sezione si utilizzerà CSS per specificare lo stile.