Utfordring: Bruk Dine Første CSS-stiler
Merk
Alle utfordringer inkluderer et kodeeksempel med filene
index.htmlogindex.css. Siden kurset fokuserer på å lære CSS, skal utfordringene løses i filenindex.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.css
Bruk taggselektoren p for å velge alle avsnitt.
index.html
index.css
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
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
Utfordring: Bruk Dine Første CSS-stiler
Sveip for å vise menyen
Merk
Alle utfordringer inkluderer et kodeeksempel med filene
index.htmlogindex.css. Siden kurset fokuserer på å lære CSS, skal utfordringene løses i filenindex.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.css
Bruk taggselektoren p for å velge alle avsnitt.
index.html
index.css
Takk for tilbakemeldingene dine!