|
|||||
Precedente | Indice | Successiva | |||
Css-Fogli di Style: Sintassi |
|||||
La sintassi
Abbiamo detto che hanno un loro elemento (tag) che viene specificato
in html, si tratta dell'elemento:
<style> e relativa
chiusura </style> questo
elemento serve ad informare il browser che si tratta di stili che
apporteranno le dovute modifiche agli elementi di html definiti. La
dichiarazione di style deve essere collocata all'interno dei tags
<head> e </head> della pagina web, unica eccezione per le
definizioni direttamente in linea.
Ognuno di questi tre possibili modi differisce
leggermente dall'altro, lo vedremo più avanti quando li analizzeremo
uno per uno.
Vediamo un possibile style. Immaginiamo di volere assegnare al nostro testo una leggera indentazione (12 pixel) con allineamento giustificato; che tradotto significa avere un leggero rientro del testo ad inizio paragrafo con allineamento poi su entrambi i lati esattamente come quello che state vedendo in questa pagina.
Abbiamo adoperato l'attributo text-align con il
parametro justify per il testo giustificato, mentre l'attributo
text-indent con il parametro 12 pixel per l'indentazione ad inizio
paragrafo. Per conoscere quali siano gli attributi e i relativi parametri possibili, vi rimando alle voci del menù laterale gli attributi di stile e i parametri dove è possibile vedere un'ampia panoramica, più o meno completa, di quelli che sono i più comuni e di conseguenza i più adoperati.
Abbiamo detto che uno stile può essere associato ad un elemento valido di html, per cui se associamo il nostro stile all'elemento <body> sarà come aver definito uno style per tutta la pagina web, essendo infatti body in html l'elemento che comprende tutta la pagina. Alcuni esempi di possibili stili:
Vediamo i tre esempi sopra, il primo:
body ha un font formato da 10 punti e di colore blu scuro
per cui tutto il testo all'interno di quella pagina seguirà questo
stile perchè l'elemento html body si riferisce a tutto il documento
html. Un po' quello che ho fatto io con questa pagina.
|
|||||
Precedente | Indice | Successiva |