Tekst i typografia

Zadanie: Stylowanie tekstu i typografia w CSS

Twoim zadaniem jest przygotowanie krótkiej strony internetowej, na której wykorzystasz różne techniki typografii opisane na lekcji. Celem zadania jest pokazanie, że potrafisz świadomie formatować tekst za pomocą CSS, aby poprawić jego czytelność i wygląd.

Co masz zrobić?

1. Utwórz plik HTML i plik CSS, a następnie połącz je ze sobą.

2. Na stronie umieść:

3. nagłówek <h1> i co najmniej trzy akapity tekstu,

4. krótki cytat lub wyróżnione zdanie,

5. link prowadzący do dowolnej strony.

6. W pliku CSS zastosuj następujące elementy typografii:

1. Czcionki

• Ustaw własną rodzinę czcionek za pomocą font-family.
• Dodaj czcionkę z Google Fonts lub użyj własnej przy pomocy @font-face.

2. Rozmiar, styl i waga tekstu

• Zmień rozmiary czcionek różnych elementów (font-size).
• Nadaj tekstowi różną grubość (font-weight) i styl (font-style).

3. Dekoracje i transformacje

• Użyj przynajmniej jednej dekoracji tekstu, np. underline.
• Zastosuj text-transform w nagłówku (np. uppercase).

4. Cienie i odstępy

• Dodaj cień do tekstu (text-shadow).

• Zastosuj:

• letter-spacing,

• word-spacing,
• line-height,
• text-indent.

5. Wyrównanie tekstu

• Ustaw różne wyrównania dla akapitów (np. justify, center).

Efekt końcowy

Strona powinna wyglądać estetycznie, a zastosowane style mają być czytelne i zauważalne. Pamiętaj o komentarzach w kodzie CSS – wyjaśnij, do czego służy dany fragment.