Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Oppiskele Haaste: Tutustu Fonttiominaisuuksiin | Tekstin Muotoilu CSS:llä
CSS:n Perusteet

bookHaaste: Tutustu Fonttiominaisuuksiin

Tehtävä

Sovella erilaisia fonttiominaisuuksia tiettyihin elementteihin:

h1-elementille:

  • Fonttiperhe: Arial.
  • Fonttikoko: 36px.
  • Fonttipaino: 600.
  • Fonttityyli: italic.

p-elementille:

  • Fonttiperhe: Georgia.
  • Fonttikoko: 18px.
  • Fonttipaino: 400.
  • Fonttityyli: normal.
index.html

index.html

index.css

index.css

copy
  • font-family: Määrittää fonttiperheen.
  • font-size: Määrittää fonttikoon.
  • font-weight: Asettaa fontin paksuuden.
  • font-style: Määrittää fonttityylin.
index.html

index.html

index.css

index.css

copy

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 6

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Awesome!

Completion rate improved to 2.56

bookHaaste: Tutustu Fonttiominaisuuksiin

Pyyhkäise näyttääksesi valikon

Tehtävä

Sovella erilaisia fonttiominaisuuksia tiettyihin elementteihin:

h1-elementille:

  • Fonttiperhe: Arial.
  • Fonttikoko: 36px.
  • Fonttipaino: 600.
  • Fonttityyli: italic.

p-elementille:

  • Fonttiperhe: Georgia.
  • Fonttikoko: 18px.
  • Fonttipaino: 400.
  • Fonttityyli: normal.
index.html

index.html

index.css

index.css

copy
  • font-family: Määrittää fonttiperheen.
  • font-size: Määrittää fonttikoon.
  • font-weight: Asettaa fontin paksuuden.
  • font-style: Määrittää fonttityylin.
index.html

index.html

index.css

index.css

copy

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 6
some-alt