Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Utfordring: Bruk Relativ Posisjonering | Mastering CSS-posisjonering
Avanserte CSS-teknikker

bookUtfordring: Bruk Relativ Posisjonering

Merk

Hver utfordring i dette kurset inkluderer et kodeeksempel bestående av filene index.html og index.css. Siden kurset fokuserer på å lære CSS, anbefales det å løse oppgavene i filen index.css. Når en utfordring er fullført, klikk på "Kjør kode"-knappen for å se den levende siden og sikre at utfordringen er løst korrekt.

I tillegg har hver utfordring knappene "Hint" og "Løsning". Ved å klikke på "Hint"-knappen vises relevante tips for den aktuelle oppgaven, mens "Løsning"-knappen viser kodeeksempelet med korrekt bruk av CSS.

Oppgave

  1. Legg til relative posisjonering på det andre elementet med klassenavnet item.
  2. Flytt elementet 30px ned og 50px til venstre.
index.html

index.html

index.css

index.css

copy
  1. Flytt nedover ved å angi en positiv verdi for top-egenskapen.
  2. Flytt mot venstre ved å angi en negativ verdi for left-egenskapen.
index.html

index.html

index.css

index.css

copy

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 3

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 2.04

bookUtfordring: Bruk Relativ Posisjonering

Sveip for å vise menyen

Merk

Hver utfordring i dette kurset inkluderer et kodeeksempel bestående av filene index.html og index.css. Siden kurset fokuserer på å lære CSS, anbefales det å løse oppgavene i filen index.css. Når en utfordring er fullført, klikk på "Kjør kode"-knappen for å se den levende siden og sikre at utfordringen er løst korrekt.

I tillegg har hver utfordring knappene "Hint" og "Løsning". Ved å klikke på "Hint"-knappen vises relevante tips for den aktuelle oppgaven, mens "Løsning"-knappen viser kodeeksempelet med korrekt bruk av CSS.

Oppgave

  1. Legg til relative posisjonering på det andre elementet med klassenavnet item.
  2. Flytt elementet 30px ned og 50px til venstre.
index.html

index.html

index.css

index.css

copy
  1. Flytt nedover ved å angi en positiv verdi for top-egenskapen.
  2. Flytt mot venstre ved å angi en negativ verdi for left-egenskapen.
index.html

index.html

index.css

index.css

copy

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 3
some-alt