Anvendelse af Webstedsstyling med CSS
Mål
Næste trin er at tilføje styling til vores side, så den ikke fremstår som rå HTML. Vi angiver også de farver, vi ønsker at anvende på hjemmesiden.
Vi kan bruge 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
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 5Anvendelse af Webstedsstyling med CSS
Stryg for at vise menuen
Mål
Næste trin er at tilføje styling til vores side, så den ikke fremstår som rå HTML. Vi angiver også de farver, vi ønsker at anvende på hjemmesiden.
Vi kan bruge 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!
