Conoscere i CSS:Che cosa sono i CSS
Da MDC.
Questa pagina spiega che cosa sono i CSS. Sarà anche creato un documento di esempio con il quale lavorare nelle pagine seguenti.
[modifica] Informazioni: Che cosa sono i CSS?
CSS è un linguaggio per specificare come vengono presentati dei documenti all'utente.
Un documento è un insieme di informazioni che sono strutturate utilizzando un linguaggio di marcatura (markup language).
|
In questa guida i riquadri con l'etichetta Di più... come quello qua sotto contengono informazioni ulteriori per l'approfondimento, e sono facoltativi. Se hai fretta di andare avanti nel leggere la guida puoi saltarli e magari tornare a leggerli più tardi.
|
"Documento" non è la stessa cosa di "File". Può essere o non essere contenuto in un file. Per esempio, il documento che stai leggendo in questo momento non è memorizzato in un file. Quando il browser richiede questa pagina, il server effettua un'interrogazione (query) ad un database e genera il documento prendendo le sue parti da molti file. Comunque, in questo tutorial lavoreremo sui documenti memorizzati nei file. Per ulteriori informazioni sui documenti e sul linguaggio di markup, guarda altre parti di questo sito—come:
Nella seconda parte della guida vedremo esempi di questi linguaggi di markup. |
Presentare un documento ad un utente significa convertirlo in una forma tale che l'uomo ne possa usufruire. Mozilla è stato pensato per presentare i documenti visivamente—per esempio su uno schermo di un computer, su un proiettore o su una stampante.
| I CSS non servono solo ai browser, e non servono solo per presentazioni visive. Nella terminologia fomale dei CSS, il programma che presenta il documento all'utente viene chiamato user agent (UA). Il browser è solo un tipo di UA. Comunque nella prima parte della guida tratteremo solo dei browser come UA.
Per alcune delle definizioni formali della terminologia relativa ai CSS, guarda le Definizioni(EN) nelle specifiche CSS. |
[modifica] Azione: Creare un documento
Usa il tuo computer per creare una nuova cartella ed un nuovo file di testo al suo interno. Questo file conterrà il tuo docuemento.
Copia ed incolla il codice HTML mostrato qua sotto. Slava il file utilizzando il nome doc1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>Sample document</title>
</head>
<body>
<p>
<strong>C</strong>ascading
<strong>S</strong>tyle
<strong>S</strong>heets
</p>
</body>
</html>
Apri una nuova scheda o una nuova finestra del browser e aprici il file dentro.
Dovresti vedere un testo con le iniziali in grassetto, come questo:
| Cascading Style Sheets |
Quello che vedi nel tuo browser potrebbe non essere identico all'esempio, a causa della differenza di impostazioni tra questo wiki e il tuo browser. Se ci sono differenze nel font, nella spaziatura o nei colori che vedi, non sono rilevanti.
[modifica] Cos'altro?
Se hai avuto difficoltà a comprendere questa pagina, o sei hai dei commenti a proposito, utilizza questa pagina di Discussione.
Il tuo documento non usa ancora i CSS. Nella prossima pagina userai i CSS per specificare lo stile: Perché usare i CSS