Homepage -> Guida CSS (Fogli di Stile)
I CSS o Cascading Style Sheet (Foglio di Stile) sono uno standard web riconosciuto dal W3C (per questo sono disponibili validatori di codice css; vedi qui per capire come validare il tuo foglio di stile).
I CSS servono per migliorare l'aspetto estetico del vostro sito, in tutti i suoi elementi, a partire dal semplice paragrafo di testo, ai links, immagini, form, tabelle ed altro.
La prima cosa da apprendere è dove posizionare il codice di stile. Questo può essere incluso in 3 modi differenti:
Non tutti i browser sono però in grado di leggere i fogli di stile interni; i più usati sono quindi quelli esterni, sicuramente più vantaggiosi per siti di media-grossa grandezza.
Di seguito è mostrato il codice per richiamare un foglio di stile esterno:
| <HEAD> <LINK HREF="stile.css" type="text/css" rel="stylesheet"> </HEAD> |
Questo è invece il codice per richiamare un foglio di stile in linea, applicato ad esempio al tag html P (necessario per inserire un paragrafo di testo):
| <BODY> <P STYLE = "...">....</P> </BODY> |
Questo è invece il codice per richiamare un foglio di stile interno:
| <HEAD> <STYLE TYPE = "text/css">....</STYLE> </HEAD> |