CSS

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-face 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.

Vedi Tutto...

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:
  • Mailing list
  • Newsgroup
  • Feed RSS
  • 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.

Vedi Tutto...

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.