0:00:00.526,0:00:03.525
Za pomocą CSS możemy[br]zmieniać rozmiar tekstu.

0:00:03.666,0:00:06.564
Już widzicie, patrząc[br]na nagłówki i akapity,

0:00:06.564,0:00:09.357
że przeglądarka zapewnia,[br]domyślnie,

0:00:09.357,0:00:12.248
różne style i wielkości[br]dla różnych elementów.

0:00:12.352,0:00:13.643
To jest rozmiar tekstu,

0:00:13.643,0:00:15.936
a nagłówki każdego poziomu[br]są większe.

0:00:16.102,0:00:18.650
Czasami chcemy zmienić czcionkę.

0:00:18.857,0:00:22.206
Korzystamy z własności[br]„font-size” (rozmiar czcionki).

0:00:22.419,0:00:23.853
Na przykład:

0:00:23.853,0:00:28.643
Co zrobić, by cały tekst[br]na stronie był trochę mniejszy?

0:00:28.948,0:00:31.062
Idziemy do znacznika „style”

0:00:31.102,0:00:34.590
i dodajemy regułę CSS[br]do znacznika „body”.

0:00:34.889,0:00:39.247
Wewnątrz dołożymy własność[br]„font-size” (rozmiar czcionki).

0:00:39.477,0:00:42.669
Jaka powinna być wartość?

0:00:42.959,0:00:45.654
Jak mierzymy czcionki?

0:00:45.930,0:00:47.954
To bardzo dobre pytanie.

0:00:47.954,0:00:50.267
Jest co najmniej 10 jednostek,

0:00:50.267,0:00:52.358
które obsługuje CSS[br]dla tej własności.

0:00:52.684,0:00:55.674
Zacznijmy od jednostki,[br]którą znacie: od pikseli.

0:00:55.853,0:00:58.623
Stosowaliśmy ją, decydując[br]o wielkości obrazów.

0:00:58.623,0:01:00.993
Będziemy jej często używać w CSS.

0:01:01.286,0:01:02.985
Spróbujmy 11 pikseli.

0:01:04.040,0:01:06.145
Ha! Wszystko zmalało.

0:01:06.405,0:01:08.510
Nawet nagłówki.

0:01:08.786,0:01:11.172
Ale dlaczego?

0:01:11.363,0:01:15.316
Nie powinny mieć tylu pikseli,[br]ile określiła wcześniej przeglądarka?

0:01:15.502,0:01:16.288
Nie.

0:01:16.432,0:01:21.954
Domyślny styl nagłówków[br]nie jest określany w pikselach.

0:01:21.962,0:01:25.207
Tu używa się innej jednostki, „em”.

0:01:25.495,0:01:27.450
To jednostka względna,

0:01:27.450,0:01:31.695
uzależniająca wielkość nagłówka[br]od rozmiaru czcionki w treści.

0:01:32.099,0:01:33.817
Pokażę, o co chodzi.

0:01:34.055,0:01:36.439
Przejdźmy do reguły stylu „h2”

0:01:36.574,0:01:38.904
i dodajmy własność „font-size”.

0:01:39.446,0:01:44.489
Nie będę myśleć o wielkości [br]w pikselach, tylko względnie.

0:01:44.701,0:01:49.903
Jak, proporcjonalnie, większy[br]ma być nagłówek „h2” od tekstu?

0:01:50.173,0:01:52.857
Może dwukrotnie?

0:01:53.305,0:01:56.763
Napiszemy więc „2em”.

0:01:56.992,0:02:00.171
Przeglądarka obliczyła

0:02:00.171,0:02:01.608
rozmiar w pikselach.

0:02:01.810,0:02:05.048
Wie, że czcionka tekstu[br]ma 11 pikseli.

0:02:05.048,0:02:08.055
Zaznaczyliśmy, że „h2”[br]ma być dwukrotnie większe,

0:02:08.055,0:02:11.574
więc teraz wszystkie „h2”[br]mają 22 piksele wysokości.

0:02:12.142,0:02:16.576
Jeśli zmienimy rozmiar[br]czcionki tekstu do 12 pikseli,

0:02:16.576,0:02:18.932
jak duże będą nagłówki „h2”?

0:02:19.267,0:02:21.494
Zgadza się, 24 piksele.

0:02:21.868,0:02:26.345
A jeśli zmienimy rozmiar[br]czcionki „h2” do 1,5 em?

0:02:26.760,0:02:30.805
Teraz „h2” będzie miało[br]12 razy 1,5,

0:02:31.023,0:02:32.666
czyli 18 pikseli.

0:02:33.273,0:02:37.754
Możemy też określić rozmiar „h2”[br]w pikselach, jak dla „body”.

0:02:37.754,0:02:39.521
Zadziała to tak samo.

0:02:39.634,0:02:41.502
Róbcie, jak wam wygodniej.

0:02:41.502,0:02:45.258
Jak wspomniałam,[br]są też inne jednostki

0:02:45.258,0:02:46.922
oprócz pikseli i em.

0:02:47.224,0:02:49.568
Te są najpopularniejsze,

0:02:49.568,0:02:51.016
ale, by wiedzieć więcej,

0:02:51.016,0:02:53.193
obejrzyjcie nasze materiały

0:02:53.193,0:02:55.402
lub poszukajcie innych w sieci.

0:02:55.503,0:02:58.883
Pora poszaleć z rozmiarem czcionki!