Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Sfida: Applicare il Posizionamento Relativo | Padronanza del Posizionamento CSS
Tecniche CSS Avanzate

bookSfida: Applicare il Posizionamento Relativo

Nota

Ogni esercizio in questo corso include un esempio di codice composto dai file index.html e index.css. Poiché il corso si concentra sull'apprendimento di CSS, si consiglia di risolvere gli esercizi nel file index.css. Una volta completato l'esercizio, fare clic sul pulsante "Esegui codice" per visualizzare la pagina dal vivo e verificare che l'esercizio sia stato risolto correttamente.

Inoltre, ogni esercizio offre i pulsanti "Suggerimento" e "Soluzione". Facendo clic sul pulsante "Suggerimento" verranno mostrati suggerimenti pertinenti al compito attuale, mentre il pulsante "Soluzione" rivelerà l'esempio di codice con la corretta applicazione del CSS.

Compito

  1. Aggiungere il posizionamento relative al secondo elemento con il nome classe item.
  2. Spostare l'elemento di 30px verso il basso e di 50px verso sinistra.
index.html

index.html

index.css

index.css

copy
  1. Spostamento verso il basso impostando un valore positivo per la proprietà top.
  2. Spostamento verso sinistra impostando un valore negativo per la proprietà left.
index.html

index.html

index.css

index.css

copy

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 3

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Awesome!

Completion rate improved to 2.04

bookSfida: Applicare il Posizionamento Relativo

Scorri per mostrare il menu

Nota

Ogni esercizio in questo corso include un esempio di codice composto dai file index.html e index.css. Poiché il corso si concentra sull'apprendimento di CSS, si consiglia di risolvere gli esercizi nel file index.css. Una volta completato l'esercizio, fare clic sul pulsante "Esegui codice" per visualizzare la pagina dal vivo e verificare che l'esercizio sia stato risolto correttamente.

Inoltre, ogni esercizio offre i pulsanti "Suggerimento" e "Soluzione". Facendo clic sul pulsante "Suggerimento" verranno mostrati suggerimenti pertinenti al compito attuale, mentre il pulsante "Soluzione" rivelerà l'esempio di codice con la corretta applicazione del CSS.

Compito

  1. Aggiungere il posizionamento relative al secondo elemento con il nome classe item.
  2. Spostare l'elemento di 30px verso il basso e di 50px verso sinistra.
index.html

index.html

index.css

index.css

copy
  1. Spostamento verso il basso impostando un valore positivo per la proprietà top.
  2. Spostamento verso sinistra impostando un valore negativo per la proprietà left.
index.html

index.html

index.css

index.css

copy

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 3
some-alt