Introduzione ai fogli di stile

 

I fogli di stile permettono di separare il contenuto di una pagina dal suo aspetto grafico.

Le potenzialità di questo sistema sono molte, vanno dal risparmio di banda fino allla possibilità di modificare l'aspetto un intero sito modificanto un sono file css.

Il nome CSS deriva da CSS Cascading Style Sheets, che possiamo tradurre in italiano come "fogli di stile a cascata".

I css possono essere usati solo per formattare i testi, oppure per realizzare l'intero layout del sito, creando pagine web particolarmente "leggere" e perciò rapide da visualizzare e facilmente indicizzabili dai motori di ricerca.

Questo naturalmente a patto di progettare l'HTML e i CSS del sito nel modo corretto.

Possiamo applicare i fogli di stile alle pagine web in due modi: tramite un file esterno oppure inserendo il codice css direttamente nelle pagine.

Se scegliamo la seconda possibilità perdiamo gran parte dei vantaggi descritti sopra. Ma in alcuni casi, come vedremo più avanti, può essere utile.

Facciamo un esempio di cosa si può fare con i css a livello base:

CSS		Risultato
.Stile1 { color: #FF0000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: x-large; }		prova css
.Stile2 { font-family: "Courier New", Courier, monospace; color: #00CC00; font-size: smaller; }		prova css
.Stile3 { font-family: "Times New Roman", Times, serif; color: #0000FF; font-size: xx-large; font-style: italic; }		prova css

Come possiamo vedere lo stile può cambiare radicalmente l'aspetto grafico di un testo.

 

(Annunci Google)