1. Jakie standardowo dostępne są czcionki w systemie Windows

   • Times New Roman (szeryfowa)

   • Arial (bezszeryfowa)

   • Courier New (monotypiczna)

2. Jakich czcionek dodatkowo dostarcza Internet Explorerem

   • Verdana

   • Tahoma

   • 'Trebuchet MS'

   • Georgia

3. Wymień rodziny ogólne

   • serif - czcionka szeryfowa (końcówki znaków posiadają "ozdobniki"), np.: 'Times New Roman', Georgia, Garamond, Bodoni

   • sans-serif - czcionka bezszeryfowa (końcówki znaków są proste), np.: Arial, Verdana, Helvetica, Univers, Futura

   • monospace - czcionka o stałej szerokości znaków - monotypiczna (wygląda jak pisana na maszynie), np.: Courier, 'Courier New'

   • cursive - czcionka mająca pewne cechy pochyłej (wygląda jak pisana ręcznie)

   • fantasy - czcionka fantazyjna (dekoracyjna)

4. Kiedy stosujemy rodziny czcionek, w jaki sposób wpisujemy

   • Rodziny ogólne wykorzystuje się jako ostatnią alternatywę - jeśli użytkownik nie będzie posiadał żadnej czcionki, której nazwę wpisaliśmy wprost.

   • Dlatego zwykle rodzinę ogólną podaje się na samym końcu listy nazw czcionek.

   • Sposób wpisywania (deklaracja):

   • selektor { font-family: nazwa_czcionki1, nazwa_czcionki2, rodzina_ogólna; }

   • Przykład: body { font-family: Arial, Helvetica, Verdana, sans-serif; }

   • Taki sposób jest zalecany, gdyż wtedy nawet jeśli użytkownik nie będzie posiadał żadnej z podanych czcionek, strona zostanie wyświetlona przy użyciu czcionki podobnej do zdefiniowanych.

5. Rodzaje wyrównanie tekstu

   • left - wyrównanie tekstu do lewego marginesu (domyślnie)

   • right - wyrównanie tekstu do prawego marginesu

   • center - wyśrodkowanie tekstu

   • justify - wyrównanie do obu marginesów jednocześnie (justowanie)

   Składnia reguły: selektor {text-align: wyrównanie;}

6. Kolor tekstu

   • Składnia reguły: selektor {color: kolor;}

   • Wyraz selektor ma zastosowanie do wszystkich elementów.

   • Jako kolor można podać: nazwę koloru HTML (np. red, blue), wartość szesnastkową (np. #FF0000), lub wartość RGB (np. rgb(255,0,0))

   Przykłady: p { color: red; }    p { color: #FF0000; }    p { color: rgb(255,0,0); }

7. Dekoracja tekstu

   • Składnia reguły: selektor {text-decoration: dekoracja;}

   • Wyraz selektor ma zastosowanie do wszystkich elementów.

   • Rodzaje dekoracji:

     • a) none - bez zmian, tekst bez podkreśleń, przekreśleń itp.

     • b) underline - podkreślenie tekstu

     • c) line-through - przekreślenie tekstu

     • d) overline - nadkreślenie tekstu

     • e) blink - migotanie tekstu (tylko Netspace/Mozilla/Opera)

8. Warianty czcionek

   • Składnia reguły: selektor {font-variant: wariant;}

   • Rodzaje wariantów:

     • normal - czcionka normalna (podstawowa)

     • small-caps - kapitaliki (tekst napisany wielkimi literami, lecz czcionką o wielkości małych liter)

   Przykład: p { font-variant: small-caps; }

9. Pogrubienie czcionek

   • Składnia reguły: selektor {font-weight: grubosc;}

   • Rodzaje grubości czcionek (9 rodzajów):

     • normal - czcionka normalna (podstawowa)

     • bold - czcionka pogrubiona

     • bolder - grubsza niż bold

     • lighter - cieńsza niż normal

     • 100, 200, 300, 400 (odpowiednik "normal"), 500, 600, 700 (odpowiednik "bold"), 800, 900 - wartości numeryczne określające wagę czcionki

   Przykład: p { font-weight: bold; } lub p { font-weight: 700; }

10. Rozmiar czcionek (wyliczenia, jednostki miar)

    • Składnia reguły: selektor {font-size: rozmiar;}

    • Wartości słowne (od najmniejszej do największej):

      • xx-small - najmniejsza

      • x-small - mniejsza

      • small - mała

      • medium - średnia

      • large - duża

      • x-large - większa

      • xx-large - największa

      • larger - większy od rozmiaru dziedziczonego

      • smaller - mniejszy od rozmiaru dziedziczonego

    • Jednostki miary:

      • pt (punkt) - 1 punkt = 1/72 cala

      • px (piksel) - 1px = 1/96 cala

      • cm (centymetr)

      • mm (milimetr)

      • in (cal) - 1 cal = 2.54 cm

      • em - względna do rozmiaru czcionki bieżącego elementu

      • ex - względna do wysokości litery 'x'

      • % - procent wielkości nadrzędnej

    Przykłady: p { font-size: 20px; }    p { font-size: 12pt; }    p { font-size: 1.5em; }

11. Odstęp między wierszami (line-height)

    • Składnia: selektor {line-height: odstęp;}

    • Jednostki: px, pt, em, ex, cm, mm, %, "normal"

12. Odstęp między wyrazami (word-spacing)

    • Składnia: selektor {word-spacing: odstęp;}

    • Jednostki: px, pt, em, ex, cm, mm, "normal"

13. Odstęp między literami (letter-spacing)

    • Składnia: selektor {letter-spacing: odstęp;}

    • Jednostki: px, pt, em, ex, cm, mm, "normal"

14. Łączenie właściwości czcionek i tekstu

    • Składnia: selektor {font: wartości atrybutów;}

    • Kolejność: font-style, font-variant, font-weight, font-size/line-height, font-family

    • Przykład: p { font: italic small-caps bold 12pt/1.5 Arial, sans-serif; }