|
Home -> Manuali e Tutorials -> Guida CSS -> Introduzione
Scarica il tutorial | Stampa il tutorial | Cerca nel sito
INTRODUZIONE AI CSS
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:
- in linea ( cioè direttamente scritto all'interno del relativo Tag HTML );
- internamente ( cioè inserito all'interno del Tag <HEAD> );
- esternamente ( cioè viene incluso in un file apposito di estensione .css che viene opportunamente richiamato con un semplice link all'interno dell' <HEAD> ).
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>
|
Torna su | Indice Guida | Pagina 1 >>
|