HTML and CSS Reference
In-Depth Information
5
Layout ed effetti con CSS3
Ora che abbiamo appreso le basi di CSS, possiamo fare un passo avanti e scoprire le funzio-
nalità avanzate che i CSS ci mettono a disposizione.
Nella prima parte di questo capitolo ci soffermeremo sul box model, cioè la tecnica con
cui i nostri elementi vengono dimensionati in base ai margini, il padding e i bordi. Successi-
vamente vedremo le varie modalità di posizionamento degli elementi HTML, in modo che,
alla fine della lettura di questa parte del volume, saremo in grado di scrivere un CSS che
posiziona gli elementi sulla pagina in maniera efficace.
Nella seconda parte del capitolo vedremo come utilizzare le media query per selezionare
i CSS da utilizzare a seconda delle caratteristiche del device che visualizza la pagina.
Infine, vedremo come trasformare gli elementi HTML e come creare animazioni. Grazie
a queste tecniche possiamo creare effetti grafici gradevoli e accattivanti per l'utente finale,
senza la necessità di ricorrere a librerie JavaScript.
Alla fine di questo capitolo saremo in grado di creare un sito con effetti grafici che mi-
gliorano l'interattività con l'utente.
Il box model e la gestione di margini, bordi e spazio
Ogni elemento HTML che creiamo nelle nostre pagine (un div , uno span ecc.) ha una
dimensione. La dimensione è calcolata sommando tra loro i diversi parametri CSS che in-
fluenzano il dimensionamento dell'elemento stesso. Questi parametri sono:
border : specifica il bordo di un elemento;
 
Search WWH ::




Custom Search