If you're seeing this message, it means we're having trouble loading external resources on our website.

Se sei dietro un filtro web, assicurati che i domini *. kastatic.org e *. kasandbox.org siano sbloccati.

Contenuto principale

CSS in natura: Google Maps

Trascrizione del video

permettetemi di mostrarvi un esempio di posizione index dei css nella vita concreta google maps probabilmente avrei usato google maps o qualche altro service di mapping online per trovare qualcosa che stavi cercando queste cose sono veramente forti ci si può muovere fare lo zoom o rimpicciolire e si può cercare ogni cosa quindi poiché sono barcellona in questo momento cercherò la sagrada famiglia che è una chiesa molto bella questo è html css e javascript lasciate che vi mostri tutti i tipi di index usati qui tutti i diversi elementi che avete visto sono stati tutti posizionati usando i css per essere posti l'uno sopra l'altro inoltre il google maps c'è un particolare uso degli zii index che assicura un corretto ordine quindi lasciate che usi la mia console di croma per mostrarvi qualcosa questa piccola mappa qui nell'angolo a una position absolute bottom silo le afte 0 esin decs one che dovrebbe collocarlo sopra qualcos'altro con index 0 questa overcard che appare ea tutte queste opzioni a una visualizzazione fissa e uno sindh ecs 10 quindi si presenta in cima a tante cose il bottone dello zoom a1 zinder su ovvero due quindi dovrebbe finire sotto lover card muoviamo l'ho solo qui sopra e vediamo cosa succede vedete la over cade si presenta sopra questo zoom perché quest'oasi index 4 e lo zoom a index ii come puoi vedere google maps usa molti css position e xi index per organizzare la mappa e relativi comandi usa anche molti altri css e javascript ma è già abbastanza eccezionale che tu possa cominciare a capire come gli altri siti web e sono costruiti e come vadano oltre quelli che ti ho mostrato poco fa questo è il potere di css