Informatica : Amore a prima vista!
V2.4 Le posizioni in HTML
Ogni elemento è visualizzabile in 4 modi con la proprietà css display (Vai anche sul tasto play in fondo alla pagina)
- display: block: la normale visualizzazione di un p o di un div. Quello che c'è prima o dopo va di norma a capo
- display: inline: la normale visualizzazione di un immagine o span. Resta in linea con il testo, occupa lo spazio del suo contenuto
- display: inline-block: Occupa lo spazio definito in width e height ma resta in linea con il testo.
- display: none: nascosta
Inoltre ogni elemento può essere visualizzato in 4 modi con la proprietà css position (Vai anche sul tasto play in fondo alla pagina)
- position:static
- position:absolute
- position:fixed
- position:relative
Attività:
Dopo avere visto gli esempi dei tag precedenti, crea in una pagina una barra fissa, come la barra superiore di Facebook
usando gli stili position e display.
Se non hai facebook puoi vedere un esempio di barra fissa qui
) una barra con contenuti e colori diversi per ogni sito!