|
Prima di iniziare a parlare di questa categoria, direi che e' il caso di parlarvi delle differenze tra CSS e HTML.
- gli attributi sono inseriti tra parentesi graffe { }
- al posto del segno = vengono usati i due punti :
- gli argomenti consecutivi sono separati dal segno ; invece che dalla virgola ,
- gli attributi composti da piu' termini sono separati da un trattino -
- quando un attributo e' considerato proprieta' di un oggetto i trattini si eliminano e le iniziali dei termini diventano maiuscole (per esempio: font-style diventa FontStyle)
Detto questo direi di iniziare a parlare dei CSS interni. Quest sono considerati una via di mezzo tra i css in linea e i CSS Esterni. Con questo tipo di CSS possiamo impostare uno stile in ogni singola pagina, inserendo gli attributi all’interno del tag <STYLE> che dovra' essere posizionato all'interno del tag HEAD.
Eccovi un esempio di foglio di stile interno:
<HTML>
<HEAD>
<STYLE TYPE=”text/css”>
H1 {font-size:8px; font-family:Tahoma; color:green}
H3 {font-size:12px; font-family:Verdana; color:red }
</STYLE>
</HEAD>
<BODY>
<H1>Questo testo e' di colore verde, il tipo di carattere utilizzato e' il Tahoma, e' la sua grandezza e' di 8 pixel</H1>
<H3>Questo testo e' di colore rosso, il tipo di carattere utilizzato e' il Verdana, e' la sua grandezza e' di 14 pixel</H3>
</BODY>
</HTML>
Come potete notare, dopo aver impostato 2 stili diversi, li abbiamo assegnati a due porzioni diverse di testo!
Lezione
successiva ->
|