Website-Styling Toepassen met CSS
Doel
De volgende stap is het toevoegen van stijlen aan onze site zodat deze er niet uitziet als ruwe HTML. We zullen ook de kleuren opgeven die we op de website willen zien.
We kunnen de volgende bron (https://colorhunt.co/) gebruiken om het kleurenpalet te kiezen dat we het mooist vinden.
Wij hebben het volgende kleurenpalet geselecteerd:
Mogelijke Prompt
Maak een CSS-stylesheet die toegepast kan worden op die HTML, waarbij stijlkenmerken worden toegevoegd en het volgende kleurenpalet wordt gehanteerd: #32012F, #524C42, #E2DFD0 en #F97300. Schrijf de volledige CSS-code om dit te realiseren, met inachtneming van best practices voor een visueel aantrekkelijk ontwerp.
Resultaat
Belangrijk: De enige wijziging die we in onze code moeten aanbrengen, is het koppelen van het CSS-bestand aan het HTML-bestand in de head.
index.html
index.css
Website Status
Videotutorial
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Can you show me the full CSS code that matches this color palette?
How do I connect the CSS file to my HTML file?
Can you explain how to customize the styles further using these colors?
Awesome!
Completion rate improved to 5
Website-Styling Toepassen met CSS
Veeg om het menu te tonen
Doel
De volgende stap is het toevoegen van stijlen aan onze site zodat deze er niet uitziet als ruwe HTML. We zullen ook de kleuren opgeven die we op de website willen zien.
We kunnen de volgende bron (https://colorhunt.co/) gebruiken om het kleurenpalet te kiezen dat we het mooist vinden.
Wij hebben het volgende kleurenpalet geselecteerd:
Mogelijke Prompt
Maak een CSS-stylesheet die toegepast kan worden op die HTML, waarbij stijlkenmerken worden toegevoegd en het volgende kleurenpalet wordt gehanteerd: #32012F, #524C42, #E2DFD0 en #F97300. Schrijf de volledige CSS-code om dit te realiseren, met inachtneming van best practices voor een visueel aantrekkelijk ontwerp.
Resultaat
Belangrijk: De enige wijziging die we in onze code moeten aanbrengen, is het koppelen van het CSS-bestand aan het HTML-bestand in de head.
index.html
index.css
Website Status
Videotutorial
Bedankt voor je feedback!