Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Utfordring: Bruk Dine Første CSS-stiler | Komme i Gang med CSS
CSS-Grunnleggende

bookUtfordring: Bruk Dine Første CSS-stiler

Merk

Alle utfordringer inkluderer et kodeeksempel med filene index.html og index.css. Siden kurset fokuserer på å lære CSS, skal utfordringene løses i filen index.css. Etter at du har fullført en utfordring, klikker du på "Kjør kode"-knappen for å vise nettsiden og kontrollere at utfordringen er løst riktig.

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

Oppgave

Vi har et nettsted med to seksjoner, hver med en overskrift (h2-element) og en beskrivelse (p-element).

Velg alle avsnitt (p-elementer) på nettstedet og bruk color-egenskapen med verdien orange.

index.html

index.html

index.css

index.css

copy

Bruk taggselektoren p for å velge alle avsnitt.

index.html

index.html

index.css

index.css

copy

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 4

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.56

bookUtfordring: Bruk Dine Første CSS-stiler

Sveip for å vise menyen

Merk

Alle utfordringer inkluderer et kodeeksempel med filene index.html og index.css. Siden kurset fokuserer på å lære CSS, skal utfordringene løses i filen index.css. Etter at du har fullført en utfordring, klikker du på "Kjør kode"-knappen for å vise nettsiden og kontrollere at utfordringen er løst riktig.

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

Oppgave

Vi har et nettsted med to seksjoner, hver med en overskrift (h2-element) og en beskrivelse (p-element).

Velg alle avsnitt (p-elementer) på nettstedet og bruk color-egenskapen med verdien orange.

index.html

index.html

index.css

index.css

copy

Bruk taggselektoren p for å velge alle avsnitt.

index.html

index.html

index.css

index.css

copy

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 4
some-alt