CSS  »  Articoli  »  Mondo CSS 

Strumenti per la validazione dei CSS

di: Alessandro Fulciniti     27 Marzo 2007

La validazione del foglio di stile è un aspetto fondamentale nel processo dello sviluppo web: in questo appuntamento vedremo alcuni consigli e strumenti per effettuarla al meglio.

Cinque fatti sul validatore CSS

  1. La validazione del CSS è importante perché ci garantisce che i nostri fogli di stile siano conformi alle specifiche.
  2. Attenzione però: se da ciò deriva che i diversi browser leggeranno un CSS valido, non significa però che lo interpreteranno alla stessa maniera. È però un primo passo indispensabile.
  3. Pur avendo ottime conoscenze dei CSS, non è purtroppo infrequente fare errori di digitazione o di distrazione: il validatore è quindi in grado di evidenziare tali errori.
  4. Il validatore non è in grado di rilevare errori di concetto, dichiarazioni ridondanti, in conflitto o semplicemente superflue: un buon CSS dev'essere valido, ma non è abbastanza.
  5. Il validatore di recente presenta l'interfaccia e i risultati localizzati in italiano, ed è un motivo in più per usarlo

Il validatore W3C

Vedremo ora diversi strumenti e servizi per validare i CSS, sono principalmente basati sul validatore del W3C, di cui vediamo uno screenshot:

Figura 1 - Il validatore W3C

il validatore W3C

Vediamo brevemente le sue funzionalità. Per prima cosa, è possibile validare un foglio di stile in tre diversi modi:

  • Tramite URI (indirizzo): bisognerà specificare l'indirizzo di una pagina HTML con CSS (che verrà estrapolato automaticamente) oppure l'indirizzo diretto del CSS. Una nota a questo punto è indispensabile: il validatore non procederà alla validazione di un foglio di stile incorporato in una pagina XTHML non valida. Le soluzioni sono due: la prima, da preferire, è validare il markup; la seconda è immettere direttamente l'url del CSS da validare.
  • Tramite trasferimento file: è possibile in questo caso caricare mediante upload un file CSS presente sul nostro PC.
  • Tramite immissione diretta: in questo caso sarà possibile copia-incollare il CSS direttamente tramite un'area di testo apposita.

Guide CSS

Responsive Desing, la guida

Progettare siti da fruire su dispositivi diversi è imprescindibile...

Guida CSS3

Scoprire e usare al meglio tutte le novità dell'ultima versione dei...

Guida CSS Tecniche essenziali

Testo, immagini, layout, form, liste, tabelle: soluzioni pronte per...

Altre guide

Newsletter @CSS

Ogni mercoledì, direttamente nella tua e-mail: guide, articoli, tutorial, FAQ e approfondimenti tecnici su CSS e Web Design.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti