Leer Uitdaging: Tekst Opmaken met CSS | Tekst Opmaken in CSS

CSS-Grondbeginselen

Taak

Voor een verbeterde visuele presentatie van het h1-element, de volgende stijlen toepassen:

Een onderstreping toevoegen.
Alle letters omzetten naar hoofdletters.
De tekst horizontaal centreren.
De regelhoogte instellen op 2.
De letterafstand aanpassen naar 2px.
De afstand tussen woorden vergroten tot 5px.
Een tekstschaduw toepassen met de waarden 2px 2px #000000.

index.html

index.css

text-decoration: Onderstreept de tekst.
text-transform: Zet de tekst om naar hoofdletters.
text-align: Centreert de tekst horizontaal.
line-height: Stelt de hoogte van de tekst in.
letter-spacing: Vergroot de ruimte tussen letters.
word-spacing: Vergroot de ruimte tussen woorden.
text-shadow: Voegt een schaduw toe.

index.html

index.css

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 2. Hoofdstuk 3

Vraag AI

Vraag AI

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Suggested prompts:

Can you show me how to write the CSS for the h1 element with these styles?

What does the final h1 element look like with all these styles applied?

Can you explain how each CSS property affects the h1 element?

Awesome!

Completion rate improved to 2.56

Veeg om het menu te tonen

Taak

Voor een verbeterde visuele presentatie van het h1-element, de volgende stijlen toepassen:

Een onderstreping toevoegen.
Alle letters omzetten naar hoofdletters.
De tekst horizontaal centreren.
De regelhoogte instellen op 2.
De letterafstand aanpassen naar 2px.
De afstand tussen woorden vergroten tot 5px.
Een tekstschaduw toepassen met de waarden 2px 2px #000000.

index.html

index.css

text-decoration: Onderstreept de tekst.
text-transform: Zet de tekst om naar hoofdletters.
text-align: Centreert de tekst horizontaal.
line-height: Stelt de hoogte van de tekst in.
letter-spacing: Vergroot de ruimte tussen letters.
word-spacing: Vergroot de ruimte tussen woorden.
text-shadow: Voegt een schaduw toe.

index.html

index.css

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 2. Hoofdstuk 3

some-alt