Sfida: Applicare il Posizionamento Relativo
Nota
Ogni esercizio in questo corso include un esempio di codice composto dai file
index.html
eindex.css
. Poiché il corso si concentra sull'apprendimento di CSS, si consiglia di risolvere gli esercizi nel fileindex.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
- Aggiungere il posizionamento
relative
al secondo elemento con il nome classeitem
. - Spostare l'elemento di
30px
verso il basso e di50px
verso sinistra.
index.html
index.css
- Spostamento verso il basso impostando un valore positivo per la proprietà
top
. - Spostamento verso sinistra impostando un valore negativo per la proprietà
left
.
index.html
index.css
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
Awesome!
Completion rate improved to 2.04
Sfida: 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
eindex.css
. Poiché il corso si concentra sull'apprendimento di CSS, si consiglia di risolvere gli esercizi nel fileindex.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
- Aggiungere il posizionamento
relative
al secondo elemento con il nome classeitem
. - Spostare l'elemento di
30px
verso il basso e di50px
verso sinistra.
index.html
index.css
- Spostamento verso il basso impostando un valore positivo per la proprietà
top
. - Spostamento verso sinistra impostando un valore negativo per la proprietà
left
.
index.html
index.css
Grazie per i tuoi commenti!