Come Imparare il Codice dei CSS

L'acronimo CSS significa Cascading Style Sheets. I CSS, in italiano fogli di stile, vengono utilizzati per migliorare e personalizzare l'aspetto grafico di una pagina web. Imparare come funzionano e come vanno utilizzati i fogli di stile è molto semplice e intuitivo. In questa guida introduttiva vengono mostrati alcuni concetti di base sui fogli di stile.

Imparare il Codice CSS

  1. Studia l'HTML. I CSS sono un'integrazione del codice HTML. Se non conosci il codice HTML, non sarai nemmeno in grado di utilizzare i CSS.
  2. Impara le basi. Cerca dei tutorial. Il sito W3schools mette a disposizione un'ottima guida, che ti permette di sperimentare con il codice CSS. Inoltre prova a consultare questi altri link: Tutorial HTML, Tutorial CSS e HTML Dog
  3. Il segreto è sperimentare. Cerca nel web un foglio di stile e copialo in un file sul tuo computer. Prova a modificarlo eliminando o aggiungendo codice. Salva le modifiche e aggiorna la pagina web che stavi visualizzando. Ricorda però di modificare solo un elemento alla volta, in modo da poter comprendere che cosa genera il codice che hai variato. Puoi cercare anche su altre pagine web sfruttando il menu Visualizza (disponibile nella maggior parte dei browser) e selezionando l'opzione Visualizza sorgente pagina. Gli utenti che utilizzano AOL devono selezionare un punto vuoto della pagina (non selezionare link o immagini, altrimenti verrà visualizzato il menu contestuale relativo all'oggetto selezionato) con il tasto destro del mouse e scegliere la medesima opzione dal menu contestuale apparso.
  4. Progetta il tuo sito web personale. Pensa a come vorresti che apparisse e prova a crearlo utilizzando i CSS. Se non trovi il modo di raggiungere l'aspetto che desideri, fai riferimento ai tutorial citati in questa guida.

Consigli

  • Browser differenti interpretano i CSS in modi differenti. Assicurati di conoscere e tenere in considerazione queste diversità quando creai una pagina web. È utile rispettare gli standard di programmazione e, sul computer con cui crei i tuoi progetti, installare browser internet differenti (varie versioni di Internet Explorer, Firefox, Opera, etc.). In questo modo sarai in grado di testare l'aspetto delle pagine web su più browser.
  • Crea dei CSS puliti e ben organizzati, così che, quando dovrai modificarli in un secondo momento, potrai trovare agevolmente la porzione di codice di tuo interesse e modificarla rapidamente. Dividi il foglio di stile in più sezioni e utilizza i commenti per descrivere la funzione di ognuna.
CSS
Information
Users of Guests are not allowed to comment this publication.