CSS
Documentazione ed esercitazioni su CSS
Il Cascading Style Sheets (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). Il CSS descrive come gli elementi dovrebbero apparire su schermo, su carta, nel parlato o in altri media.
Il CSS è uno dei linguaggi fondamentali dell'open Web ed è standardizzato nei browser web secondo la specifica W3C. Sviluppato a livelli, il CSS1 è ora obsoleto, il CSS2.1 è raccomandato, e CSS3, ora diviso in moduli più piccoli, sta progredendo sulla via della standardizzazione.
- Introduzione al CSS
Se sei nuovo nello sviluppo web, assicurati di leggere il nostro articolo sulle basi del CSS per imparare cos'è il CSS e come usarlo.
- Tutorial CSS
La nostra area di apprendimento CSS contiene una vasta gamma di tutorial per portarti da un livello principiante a competente, coprendo tutti i fondamenti.
- Guida di Riferimento
La nostra esaustiva guida di riferimento CSS per sviluppatori esperti descrive ogni proprietà e concetto 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-face
(en-US) e 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
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.