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 denne fargepaletten:
Mulig prompt
Lag et CSS-stilark som kan brukes på den HTML-en, og sørg for at det inkluderer stilistiske elementer og følger denne fargepaletten: #32012F, #524C42, #E2DFD0 og #F97300. Skriv hele CSS-koden for å oppnå dette, og ta i 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
Can you show me the CSS code that was generated?
How do I connect the CSS file to my HTML file?
Can you explain how to customize the color palette further?
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 denne fargepaletten:
Mulig prompt
Lag et CSS-stilark som kan brukes på den HTML-en, og sørg for at det inkluderer stilistiske elementer og følger denne fargepaletten: #32012F, #524C42, #E2DFD0 og #F97300. Skriv hele CSS-koden for å oppnå dette, og ta i 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!
