Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Typografian Perusteet Bootstrapissa | Peruskäsitteet
Bootstrapin Perusteet Nykyaikaisille Verkkosivustoille

bookTypografian Perusteet Bootstrapissa

Bootstrap tarjoaa joukon typografialuokkia tekstielementtien yhdenmukaiseen tyylittelyyn. Näitä luokkia voidaan käyttää otsikoihin, kappaleisiin, span-elementteihin ja muihin tekstielementteihin.

Yleiset typografialuokat

Otsikot

Otsikoita voidaan muotoilla käyttämällä luokkia, kuten h1h6, säätämään niiden kokoa.

index.html

index.html

copy

Fonttikoko

Bootstrap tarjoaa luokkia, kuten fs-1, fs-2, fs-3, fs-4, fs-5 ja fs-6, tekstin koon hallintaan.

index.html

index.html

copy

Fontin paksuus ja kursivointi

Fontin paksuus määritellään luokalla fw-* (font-weight), kun taas kursivointi toteutetaan luokalla fst-* (font-style).

index.html

index.html

copy

Korostettu teksti

lead-luokkaa käytetään korostamaan kappaletta suurentamalla sen fonttikokoa ja lihavoimalla tekstiä.

Tekstin tasaus

Luokkia kuten text-start, text-center ja text-left käytetään tekstielementtien tasaamiseen.

index.html

index.html

copy

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 2

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

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

Awesome!

Completion rate improved to 3.23

bookTypografian Perusteet Bootstrapissa

Pyyhkäise näyttääksesi valikon

Bootstrap tarjoaa joukon typografialuokkia tekstielementtien yhdenmukaiseen tyylittelyyn. Näitä luokkia voidaan käyttää otsikoihin, kappaleisiin, span-elementteihin ja muihin tekstielementteihin.

Yleiset typografialuokat

Otsikot

Otsikoita voidaan muotoilla käyttämällä luokkia, kuten h1h6, säätämään niiden kokoa.

index.html

index.html

copy

Fonttikoko

Bootstrap tarjoaa luokkia, kuten fs-1, fs-2, fs-3, fs-4, fs-5 ja fs-6, tekstin koon hallintaan.

index.html

index.html

copy

Fontin paksuus ja kursivointi

Fontin paksuus määritellään luokalla fw-* (font-weight), kun taas kursivointi toteutetaan luokalla fst-* (font-style).

index.html

index.html

copy

Korostettu teksti

lead-luokkaa käytetään korostamaan kappaletta suurentamalla sen fonttikokoa ja lihavoimalla tekstiä.

Tekstin tasaus

Luokkia kuten text-start, text-center ja text-left käytetään tekstielementtien tasaamiseen.

index.html

index.html

copy

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 2
some-alt