Anvendelse af Webstedsstyling med CSS
Mål
Næste skridt er at tilføje styling til vores side, så den ikke ligner rå HTML. Vi angiver også de farver, vi ønsker at bruge på hjemmesiden.
Vi kan benytte følgende kilde (https://colorhunt.co/) til at vælge den farvepalette, vi bedst kan lide.
Vi har valgt følgende farvepalette:
Mulig prompt
Opret et CSS-stilark, der kan anvendes på den HTML, og sørg for, at det inkluderer stilelementer og overholder følgende farvepalet: #32012F, #524C42, #E2DFD0 og #F97300. Skriv den komplette CSS-kode for at opnå dette, og inkorporer bedste praksis for et visuelt tiltalende design.
Resultat
Vigtigt: Den eneste ændring, vi skal foretage i vores kode, er at forbinde CSS-filen til HTML-filen i head.
index.html
index.css
Website-tilstand
Videovejledning
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
Awesome!
Completion rate improved to 5
Anvendelse af Webstedsstyling med CSS
Stryg for at vise menuen
Mål
Næste skridt er at tilføje styling til vores side, så den ikke ligner rå HTML. Vi angiver også de farver, vi ønsker at bruge på hjemmesiden.
Vi kan benytte følgende kilde (https://colorhunt.co/) til at vælge den farvepalette, vi bedst kan lide.
Vi har valgt følgende farvepalette:
Mulig prompt
Opret et CSS-stilark, der kan anvendes på den HTML, og sørg for, at det inkluderer stilelementer og overholder følgende farvepalet: #32012F, #524C42, #E2DFD0 og #F97300. Skriv den komplette CSS-kode for at opnå dette, og inkorporer bedste praksis for et visuelt tiltalende design.
Resultat
Vigtigt: Den eneste ændring, vi skal foretage i vores kode, er at forbinde CSS-filen til HTML-filen i head.
index.html
index.css
Website-tilstand
Videovejledning
Tak for dine kommentarer!