Introduzione ai css

CSS, ovvero Cascading Style Sheets (fogli di stile a cascata), è il linguaggio con cui viene gestita la parte grafica (formattazione) di una pagina web.

Grazie alla sua flessibilità, permette in modo semplice di richiamare ogni singola parte del sito (grazie all'ausilio delle dichiarazioni di classi e ID)e gestirla come meglio si vuole.

Il css viene utilizzato richiamandolo nelle varie pagine html tramite appositi tag! (Se non sai cos'è un tag html ti consiglio di tornare indietro di qualche guida e leggere l'introduzione all'html)

Esempio, potremmo richiamare del codice css incorporandolo direttamente nel nostro file html utilizzando:

[CODE][/CODE]

la cui sintassi, dovrebbe essere strutturata per esempio nel seguente modo:

[CODE]selettore { attributo1: valore; attributo2: valore; }[/CODE]

Detto così sembra molto difficile e lo capisco, cerchiamo di far un esempio pratico. Poniamo di avere la nostra bella pagina html con quanto segue:

Hello World

e mettiamo di voler cambiare il colore alla scritta da nero a rosso utilizzando i css;

niente di più semplice se seguiamo quanto descritto sopra. Dichiariamo e scriviamo il nostro codice css:

[CODE][/CODE]

e lo andiamo ad aggiungere a quello html formando:

[CODE]Hello World[/CODE]

Provate e vedrete come è semplice utilizzare in maniera basilare i css.. Questo naturalmente è un piccolo esempio iniziale, andremo ad analizzare successivamente le varie tecniche per migliorare la scrittura e personalizzare al massimo le nostre pagine web!