Corso CSS
-Autore: Mirko V. -Link: http://www.simpleinformatica.it
Introduzione:
Cosa sono i CSS:
CSS è lacronimo di Cascading Style Sheets (foglio di stile a cascata).
È un linguaggio standar del W3C.
Le evoluzioni:
- CSS1: la prima specifica ufficiale risale al dicembre 1996.
- CSS2: nel maggio 1998 è rilasciata la seconda versione che si arricchisce di molte proprietà in più rispetto alla prima versione. L'utima versione è la level 2 revision 1 (CSS 2.1).
- CSS3: ancora in fase di studio (Working Draft).
A cosa servono:
- a separare PRESENTAZIONE e CONTENUTO
- MODULIZZARE aspetti legati alla presentazione
- modificare l'aspetto di più pagine con il minimo sforzo
la sintassi dei CSS:
Un foglio di stile รจ un insieme di regole.
Ogni regola prevede la seguente sintassi:
Ad esempio:
Colora di rosso il testo all'interno del paragrafo
Gli spazzi l'invio a capo e la tabulazione non contano.
Come includere i CSS in HTML
Ci sono tre modi per associare le regole ai tag HTML:
- CSS interni
- CSS in linea
- CSS esterni
CSS INTERNI:
<style type="text/css">
h1 {
font-size: 18px;
text align: center;
}
</style>
CSS IN LINEA:
<p style="font-size: 20px; color:red;">ESEMPIO</p>
Risultato:
ESEMPIO
CSS ESTERNI:
Le regole sono scritte in un file di testo salvato con estensione CSS
Per includere il CSS esterno bisogna usare l'elemento <link>
all'interno della sezione <head>:
- rel:indica il tipo di relazione (stylesheet o alternativ stylesheet per i fogli di stile alternativi).
- href: url del foglio.
- type: il tipo MIME (tipo di dati) del foglio.
