Cascading Style Sheets, spesso abbreviato in CSS, è un linguaggio per fogli di stile utilizzato per descrivere la presentazione di un documento scritto in HTML o XML (inclusi vari linguaggi XML quali SVG o XHTML).
CSS è uno dei liguaggi fondamentali dell' open web ed ha una specifica W3C standardizzata. Sviluppato a livelli, CSS1 è ora obsoleto, CSS2.1 raccomandato e CSS3, ora scisso in moduli più piccoli, sta avanzando sulla via dello standard. Le prime bozze dei moduli di CSS4 sono in fase di scrittura.
Un riferimento esaustivo per sviluppatori Web esperti che descrive tutte le proprietà ed i concetti di CSS.
Un'introduzione passo-passo per aiutare i principianti assoluti ad iniziare. Presenta tutte le basi di cui si necessita.
Una collezione di esempi che mostrano le più recenti tecnologie CSS3 in azione: un impulso alla creatività.
Documentazione ed esercitazioni su CSS
- Concetti chiave del CSS
- Descrive la sintassi del linguaggio e introduce a elementi fondamentali quali specificità ed ereditarietà, il modello a box ed il collasso dei margini, impilamento e contesti di formattazione dei blocchi, o i valori iniziali, calcolati, utilizzati ed attuali. Sono anche definite entità quali le proprietà scorciatoia di CSS.
- Scrivere CSS efficienti
- Spiega come i motori dei fogli di stile realizzano il riscontro dei selettori e descrive le regole per la scrittura di CSS più efficienti.
- Utilizzare le trasformazioni di CSS
- Illustra le operazioni 2D che possono essere applicate a ogni elemento al fine di ruotarlo, inclinarlo o traslarlo.
- Utilizzare le transizioni di CSS
- Spiega come cambiare l'aspetto di un elemento utilizzado un'animazione graduale tra lo stato iniziale e il finale.
- Utilizzare le animazioni di CSS
- Descrive come definire le animazioni di un elemento ma anche come rilevare con Javascript se il browser le supporta.
- Utilizzare i gradienti di CSS
- Spiega come definire i gradienti, immagini composte di graduali variazioni dei colori.
- Utilizzare l'impaginazione multicolonna di CSS
- Illustra come effettuare l'impostazione di pagine a colonne multiple utilizzando l'impaginazione multicolonna di CSS Livello 3.
- Utilizzare sfondi multipli di CSS
- Descrive come definire parecchi sfondi sullo stesso elemento.
- Scalare immagini di sfondo
- Mostra come controllare il comportamento delle immagini di sfondo quando queste non riscontrano esattamente la dimensione del loro contenitore.
- Utilizzare l'interrogazione del media di CSS
- Presenta come selezionare i fogli di stile in base a dettagli del dispositivo di visualizzazione, come la dimensione dell'area disponibile, la sua risoluzione o se ha un touchscreen.
- Utilizzare i contatori di CSS
- Spiega come utilizzare numerazione e contatori automatici, essenzialmente utilizzati come contatori d'elenco.
- Font e Tipografia
- Informa sulla gestione dei propri font utilizzando
@font-facee il formato font WOFF. - Utilizzare i box flessibili di CSS
- Descrive come utilizzare i box felssibili per la progettazione dell'impaginazione.
- Il Rientro Coerente degli Elenchi
- Cercare di cambiare il rientro delle liste con i CSS è più complicato di quanto sembri, ma solo perchè i browser conformi a CSS hanno intrapreso strade diverse sul rientro predefinito. Scopri come metterli tutti in riga.
- Utilizzare le informazioni di stile dinamiche
- Come ottenere informazioni sullo stile e manipolarlo via DOM.
Ottentere aiuto dalla comunità
Hai bisogno di aiuto su problemi relativi a CSS e non trovi la soluzione nella documentazione?
- Controlla le domande comuni su CSS che danno suggerimenti per risolvere i problemi comuni.
- Vai su Stack Overflow, un sito collaborativo di Q&A in cui cercare risposte alla tue domande o, se non ne trovi, porre lì le tue domande.
- Consulta il forum layout, che tratta CSS e HTML:
- Poni le tue domande sul canare IRC di Mozilla: #css
- Poni le tue domande sulla lista e sito CSS-Discuss
Non dimenticare la netiquette...
Strumenti che semplificano lo sviluppo in CSS
- Il Servizio di Validazione di CSS del W3C controlla se un dato CSS è valido. E' un'inestimabile strumento di debug.
- L'estensione Firebug di FireFox, una popolare estensione che permette di modificare il CSS in uso sul sito che si sta visualizzando. Molto pratica per testare i cambiamenti, sebbene questa estensione faccia molto di più.
- L'estensione Web Developer di FireFox permette anche di vedere e editare il CSS in uso sul sito visualizzato. Più semplice di Firebug, sebbene meno potente.
- L'estensione EditCSS di FireFox permette di editare il CSS nella barra laterale.
Argomenti correlati
- Mozilla Learn, risorse su CSS.
- I linguaggi Open Web a cui CSS è spesso applicato: HTML, SVG, XHTML, XML.
- Le tecnologie di Mozilla che fanno esteso uso di CSS: XUL, estensioni e temi di Firefox e Thunderbird.