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:

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.