HTML and CSS Reference
In-Depth Information
top
,
bottom
,
left
e
right
:
ci
consentono
di
specificare
l'allineamento
dell'elemento all'interno della pagina.
In genere, queste tecniche sono utilizzate per fare in modo che un dato elemento si sovrap-
ponga a un altro, per esempio per creare una barra con dei link per modificare un certo
contenuto, come nell'esempio che abbiamo appena creato, visibile nella
figura 4.8
.
Figura 4.8
- Come si può notare, il contenuto è stato posizionato in alto, in maniera asso-
luta rispetto agli altri.
Il posizionamento assoluto è particolarmente utile, anche se il suo uso è limitato a scenari
ben particolari.
Con l'analisi di quest'ultima caratteristica, abbiamo esaminato un po' tutte le caratteri-
stiche di base legate ai CSS.
I CSS rappresentano il sistema attraverso il quale diamo una rappresentazione grafica al
markup che scriviamo attraverso l'HTML.
Da un punto di vista pratico, i CSS sono uno degli elementi più complessi da padroneg-
giare, perché hanno molte caratteristiche e, soprattutto, da che sono stati creati, sono stati
implementati in maniera molto diversa dai vari browser.
HTML5 e CSS3, cercando di porre fine a queste differenze, introducono una serie di
nuove funzionalità specifiche e una serie di test condivisi tra i vari browser, che dovrebbero
fare in modo che tutti implementino delle specifiche nello stesso modo.
In questo capitolo ci siamo soffermati sulle caratteristiche di base, introducendo i con-
cetti fondamentali. Siamo poi passati al linguaggio attraverso il quale costruire i fogli di
stile, analizzando la semantica legata ai selettori. I selettori rivestono un ruolo fondamen-
tale e avremo modo di trovarli anche nei prossimi capitoli, applicati anche insieme a Ja-
vaScript. Infine, abbiamo iniziato a dare un'occhiata a come comporre il layout, argomento
che approfondiremo proprio nel prossimo capitolo, insieme ad altre tecniche necessarie per
comporre al meglio il foglio di stile nelle nostre pagine.
