Anvende Nettstedstil med CSS
Mål
Neste steg er å legge til stil på nettstedet vårt slik at det ikke ser ut som rå HTML. Vi skal også angi fargene vi ønsker å bruke på nettsiden.
Vi kan bruke følgende kilde (https://colorhunt.co/) for å velge fargepaletten vi liker best.
Vi har valgt følgende fargepalett:
Mulig prompt
Lag et CSS-stilark som kan brukes på den HTML-en, og sørg for at det inkluderer stilelementer og følger denne fargepaletten: #32012F, #524C42, #E2DFD0 og #F97300. Skriv hele CSS-koden for å oppnå dette, og bruk beste praksis for et visuelt tiltalende design.
Resultat
Viktig: Den eneste endringen vi trenger å gjøre i koden vår, er å koble CSS-filen til HTML-filen i head.
index.html
index.css
Nettstedets tilstand
Videoveiledning
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 5Anvende Nettstedstil med CSS
Sveip for å vise menyen
Mål
Neste steg er å legge til stil på nettstedet vårt slik at det ikke ser ut som rå HTML. Vi skal også angi fargene vi ønsker å bruke på nettsiden.
Vi kan bruke følgende kilde (https://colorhunt.co/) for å velge fargepaletten vi liker best.
Vi har valgt følgende fargepalett:
Mulig prompt
Lag et CSS-stilark som kan brukes på den HTML-en, og sørg for at det inkluderer stilelementer og følger denne fargepaletten: #32012F, #524C42, #E2DFD0 og #F97300. Skriv hele CSS-koden for å oppnå dette, og bruk beste praksis for et visuelt tiltalende design.
Resultat
Viktig: Den eneste endringen vi trenger å gjøre i koden vår, er å koble CSS-filen til HTML-filen i head.
index.html
index.css
Nettstedets tilstand
Videoveiledning
Takk for tilbakemeldingene dine!
