Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Anvendelse af Webstedsstyling med CSS | Opbygning af Blogwebstedet
AI-drevne Webudviklingsgrundlag

bookAnvendelse 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.html

index.css

index.css

copy

Website-tilstand

Videovejledning

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 3

Spørg AI

expand

Spørg AI

ChatGPT

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

bookAnvendelse 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.html

index.css

index.css

copy

Website-tilstand

Videovejledning

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 3
some-alt