- Sim Card che tutelino i minori
- Carte di Credito e asterischi
- Acquista un Dominio
- Corso di Posizionamento nei Motori di Ricerca
Introduzione ai Fogli di Stile - CSS
LUna breve introduzione ai fogli di stile ripercorrendo la loro storia dalla creazione fino ai recenti sviluppi di questo standard sempre più utilizzato.
Le date di pubblicazione delle Raccomandazioni W3C
Il 17 dicembre 1996 il W3C pubblica la Raccomandazione sui Fogli di Stile, livello 1 - W3C Recommendation 17 Dec 1996, revised 11 Jan 1999.
Cascading Style Sheets, level 1
Cosa sono i fogli di stile
I fogli di stile, Cascading Style Sheets, sono uno standard introdotto dal W3C nel 1996. Possiamo immaginare un foglio di stile come un semplice file di testo esterno alla pagina web, attraverso il quale e' possibile ridefinire lo stile di un intero sito web. In questo documento verranno impostati gli stili dei tag html e ridefiniti nuovi stili:
Esempio:
body {background: red; color: black; font-size: 1em;}
h1 {color: white; font-size: 20px;}
Questo semplice CSS imposterà in tutto il sito il colore rosso per lo sfondo, nero per i caratteri e la grandezza dei font di 1em. I titoli delle pagine saranno invece di color bianco grandi 20px. Basterà un piccolo ritocco al fogli di stile per modificare il colore di sfondo di tutte le pagine web del sito
body {background: white; color: black; font-size: 1em;}
h1 {color: gray; font-size: 20px;}
Ora in tutto il sito (anche se fosse compostoda mille pagine) il colore di sfondo è diventato bianco (prima era rosso) e i titoli sono grigi (prima erano bianchi).
CSS 2
Maggio 1998 viene pubblicata la raccomandazione CSS2:
CSS2 Specification W3C Recommendation 12-May-1998
Cascading Style Sheets, level 2
....ai giorni nostri
già si parla di CSS 3 e ormai i fogli di stile sono utilizzati in quasi tutti i siti web.
Vantaggi uso fogli di stile
- separazione contenuto e presentazione
- pagine piu' leggere e veloci da scaricare
- pagine piu' accessibili
- maggior controllo sugli elementi visualizzati nel sito
- possibilita' di applicare uno stile diverso da quello predefinito a tutti gli elementi presenti nella pagina
Svantaggi
Purtroppo non tutti i browser interpretano correttamente gli standard CSS1 e CSS2. Alcuni li ignorano completamente e la pagina viene visualizzata senza applicare gli stili, altri ignorano solo alcune impostazioni e applicano gli stili in modo parziale, altri si bloccano e non visualizzano nulla, altri non rispettano gli standard e visualizzano gli stili come vogliono etc. etc.
Bisogna conoscere quali sono i problemi incontrati con i vari browser e come fare per superarli/aggirarli...