Introduzione ai fogli di stile CSS
CSS è l'acronimo di Cascading Style Sheets, ovvero fogli di stile a cascata.
E' il linguaggio standard per la stilizzazione di documenti HTML che supplisce ai tag di formattazione dell'HTML stesso e conferisce maggiore potenzialità di stilizzazione ad una pagina Web.
I CSS, rispetto all'HTML ed ai suoi limiti in termini di stilizzazione, sono più pratici, più potenti e conferiscono dinamicità agli elementi, sempre in termini di stile.
La praticità dei CSS si evince dal fatto che è possibile, con un colpo solo, assegnare uno stile ad un elemento HTML.
Ad esempio, per formattare un semplice paragrafo in HTML scriveremmo:
<p> <font color="#FF0000" size="2" face="Verdana"> Stilizzazione HTML </font> </p>Con i CSS ci limiteremmo a scrivere:
<p>Stilizzazione CSS</p>utilizzando i CSS per assegnare le stesse caratteristiche di stile all'elemento paragrafo.
Inoltre c'è da considerare che una pagina Web, nonchè un intero sito, sono composti da decine e decine di paragrafi che andrebbero singolarmente stilizzati... si provi ad immaginare che vuol dire modificare una caratteristica di stile su tutti questi paragrafi, quando con i CSS la stessa modifica si ottiene in un colpo solo!
Oltre a permettere una più semplice gestione degli stili, i CSS permettono di effettuare stilizzazioni che col solo HTML risultano impossibili; si pensi, ad esempio, all'effetto rollover su un link, dove il link stesso cambia colore al passaggio del mouse.
Inoltre i CSS permettono l'interazione con Javascript, per creare stilizzazioni dinamiche in funzione di una serie di eventi altrimenti non gestibili.
Non è comunque tutto oro quello che luccica: moltissime organizzazioni rilasciano ogni anno, con una certa frequenza, browser o aggiornamenti di browser esistenti, non sempre del tutto compatibili con i CSS.
E' dunque opportuno essere sempre al passo per evitare che una stilizzazione risulti poco affidabile e, di conseguenza, possa o meno funzionare su tutti i browser Web.
Le specifiche ufficiali dei CSS, che consiglio di seguire con una certa frequenza perchè in continuo aggiornamento, sono disponibili all'indirizzo:
mentre il validatore di codice CSS è disponibile all'indirizzo:
http://jigsaw.w3.org/css-validator/
- << Lezione Precedente
- Indice Guida
- Lezione Successiva >>
