Haaste: Muotoile Tekstiä CSS:llä
Tehtävä
Paranna h1-elementin visuaalista ilmettä seuraavilla tyyleillä:
- Lisää alleviivaus.
- Muunna kaikki kirjaimet isoiksi.
- Keskitä teksti vaakasuunnassa.
- Aseta rivikorkeus arvoksi
2. - Säädä kirjainväli arvoksi
2px. - Lisää sanaväliä arvoksi
5px. - Lisää tekstivarjo arvoilla
2px 2px #000000.
index.html
index.css
text-decoration: Alleviivaa tekstin.text-transform: Muuntaa tekstin isoiksi kirjaimiksi.text-align: Keskittää tekstin vaakasuunnassa.line-height: Asettaa tekstin korkeuden.letter-spacing: Lisää kirjainten välistä tilaa.word-spacing: Lisää sanojen välistä tilaa.text-shadow: Lisää varjon.
index.html
index.css
Oliko kaikki selvää?
Kiitos palautteestasi!
Osio 2. Luku 3
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
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?
Mahtavaa!
Completion arvosana parantunut arvoon 2.56Haaste: Muotoile Tekstiä CSS:llä
Pyyhkäise näyttääksesi valikon
Tehtävä
Paranna h1-elementin visuaalista ilmettä seuraavilla tyyleillä:
- Lisää alleviivaus.
- Muunna kaikki kirjaimet isoiksi.
- Keskitä teksti vaakasuunnassa.
- Aseta rivikorkeus arvoksi
2. - Säädä kirjainväli arvoksi
2px. - Lisää sanaväliä arvoksi
5px. - Lisää tekstivarjo arvoilla
2px 2px #000000.
index.html
index.css
text-decoration: Alleviivaa tekstin.text-transform: Muuntaa tekstin isoiksi kirjaimiksi.text-align: Keskittää tekstin vaakasuunnassa.line-height: Asettaa tekstin korkeuden.letter-spacing: Lisää kirjainten välistä tilaa.word-spacing: Lisää sanojen välistä tilaa.text-shadow: Lisää varjon.
index.html
index.css
Oliko kaikki selvää?
Kiitos palautteestasi!
Osio 2. Luku 3
